【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客户端作了分析。

1. 功能结构分解
2. 架构分析
3. API分析
4. 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的需求和功能分析，以及技术分析。

 

---

 

备注：纯属学习。请勿跨省。