【HELLO WAKA】WAKA iOS客户端之一 APP分析篇

由于后续篇幅比较大，所以调整了内容结构。

全系列

【HELLO WAKA】WAKA iOS客户端之一 APP分析篇

【HELLO WAKA】WAKA iOS客户端之二架构设计与实现篇

【HELLO WAKA】WAKA iOS客户端之三创作模块分析与实现篇(上)

【HELLO WAKA】WAKA iOS客户端之三创作模块分析与实现篇(下)

【HELLO WAKA】WAKA iOS客户端之四服务器架构设计

MAKA 上周三发布了iOS客户端1.0。本着学习的态度，对MAKA客户端做了分析。

功能结构分解
架构分析
API分析
API数据结构分析

1. 功能结构分解

工具：iPhone，MindNode。

下图是概要的需求分析和功能分解。左边为需求，右边为根据需求实现的功能。

从需求角度和功能模块的实现来看，已经满足用户的最基本需求。

从产品策略来看，先解决有无问题，进而再持续改进。

2. 架构分析

完成了对需求和功能的分解后，我们再来看下APP与服务器的关系。这个时候，神器Charles就上场了。具体使用方式自行搜索。

通过抓取客户端与服务器通信数据分析，客户端与服务器的通信如下图。

1. API服务器。APP与服务器的主通信方式。使用RESTful + form风格接口。前置机为TNginx，后端接口为PHP。

2. 图片存储服务器。用于上传图片。可以注意到的是，采用原图上传 + 按需生成的方式。分离作品编辑和作品。好处有：1）图片数据单独处理，同时简化了客户端逻辑与服务器逻辑。2）方便后续变更。3）按需压缩裁剪图片，生成静态化作品，优化访问速度。

3. 作品浏览服务器。将作品静态化，优化服务器性能。

4. CDN。使用了七牛的图片CDN服务。

3. API分析

工具：Charles Proxy

以下是主要的API。

模块	名称	URL	Method	说明
用户	注册	/app/user/register	POST	http://api.maka.im
	登陆	/app/user/login	POST
	忘记密码	/app/user/forgetpassword	POST
	用户信息	/app/user/{$user_id}	GET
	修改用户信息	/app/user/{$user_id}	PUT
事件	我的事件列表	/app/events	GET
	创建	/app/event	POST
	更新	/app/event/{$event_id}	PUT
	发布	/app/event/{$event_id}	POST
创作	主分类	/app/specialCategories	GET
	模板分类	/app/templates	GET
	模板页	/app/template/{$template_id}	GET
	图集分类	/app/pictureIndex	GET
	图片列表	/app/pictures	GET
热门	公开事件	/app/publicEvents	GET
热门	分类	/app/tagCategories	GET

1. 用户模块。基本用户接口。比较简单。登陆成功后使用token+uid访问接口。

2. 事件模块。这部分接口页算简单。

1) 值得注意的是，作品列表数据，作品数据都采用了version号，模板与作品版本更新问题。

2) 模板与作品。 eg. GET /app/template/T_I1629HCW 直接使用在作品ID前加T_ 解决模板与作品的关系。

 1 {
 2             "id": "2BD324I1",
 3             "title": "我的测试项目",
 4             "content": "这是我的测试。",
 5             "thumb": "http://img1.maka.im/6IAGSXT4R1S18SV2MP3O",
 6             "version": "1",
 7             "firstImg": "http://img1.maka.im/575144/1440766949nikIOQqegbRpr.jpeg",
 8             "template_id": "T_AHER10I9",
 9             "updateTime": "2015-08-28 11:11:11",
10             "functionId": "0",
11             "industryId": "0",
12             "category_id": "10",
13             "functionTag": "",
14             "industryTag": "",
15             "statData": 0,
16             "statUrl": "http://api.maka.im/statistics/show/2BD324I1",
17             "formData": 0,
18             "hasForm": 0,
19             "formUrl": "",
20             "QRcodeImg": "http://api.maka.im/code/index/2BD324I1"
21  }

3. 创作模块。这里没有太多好讲的。基本数据返回。比较赞的是，返回云图册，手机端可以访问PC端上传的图片。

4. 热门模块。简单API。

4. 总结

1. 服务器架构。分离接口访问，作品查看，图片处理，图片存储，CDN。各个服务器都可以进行横向扩展并且单独优化。

2. 客户端架构。

1）第三方库依赖管理。使用Cocoapods管理第三方库。

2）网络库。没有使用AFNetworking，可能是直接使用iOS内置类处理。这个比较意外。

　3）数据库。使用FMDB。

4）缓存。SDWebImage。

5）框架。使用ReactiveCocoa，Masonry。

6）其他。其他的一些UI库。

7）不使用Storyboard和xib。

以上，是MAKA iOS的需求和功能分析，以及技术分析。

【HELLO WAKA】WAKA iOS客户端 之一 APP分析篇

【HELLO WAKA】WAKA iOS客户端之一 APP分析篇