1 参考资料
1.1 接口(反向代理资源)
zce/douban-api-proxy
接口地址:https://douban.uieee.com/
文档参考官方即可:豆瓣api v2
1.2 图床
目前资源要求不高,直接用微博图床,简单粗暴。
planB:路过图床
参考:国内外部分可用图床推荐对比
1.3 项目参考
github上的开源小程序项目,但更新于11个月前,源码中的原api请求已经被403了,所以借用大神的反向代理了。
bruintong/wechat-webapp-douban-location
直接clone了master分支,拷贝进编辑器编译,修改接口请求地址,跑起来看demo。
2 项目概述
微信小程序版的豆瓣同城项目(非官方出品),实现基于城市数据的豆瓣同城活动的推荐、查询、筛选及活动信息呈现与分享等功能。
数据来源:豆瓣同城API
开发工具:微信开发者工具v1.02.1803210
吐个槽:我还没开发完,开发者工具又特么更新版本了……希望能解决频繁黑屏的问题。
3 页面功能
3.1 进场海报
3.2 主页:当前城市
工 具 条 :跳转到【城市列表】或【分类筛选】
页面元素:推荐当前所在城市的首页热门,展示音乐、喜剧、聚会、讲座四类的活动TOP10。
3.3 城市列表
即对所在城市进行重新选择的列表。
3.4 筛选活动
对当前所在城市的全部活动进行列表筛选。
开发难点:下拉->加载更多。
3.5 活动页面详情
展示同城活动的活动详情。
开发难点:
地图(导航)、拨打电话的api调用、分享接口的调用。
4 开发日志
2018/4/10开发日志
- 完成项目搭建;
- 完成项目原型设计;
- 完成资源前期准备,包括接口调试、图床准备等;
- 开发计划
4/10 项目搭建;
4/11 开发页面3.1、页面3.2、页面3.3;
4/12 开发页面4、页面5;
4/13 调试BUG;
4/14 调通BUG,生产环境部署及发布准备。
2018/4/18开发日志
太直接了orz主要是写的太累了中间没写开发日志。
- 完成项目demo版并上传代码、提交审核;
- 开发进度记录:
4/11 开发页面3.1;
4/12 开发页面3.2;
4/13 开发页面3.4并封装功能;
4/16 开发页面3.3并;
4/17 开发页面3.5并调BUG。
5 测试报告
测试了五个机型……最长的首页加载6s+,平均2s+。估计跟首页图大小有关。
中间主页有少数机型加载失败,估计和接口响应时间有关。
以及最懒之处:没有针对响应失败做处理。哈哈哈哈嗝。
迭代计划
v1.1 页面3.3实现城市查询功能(1个月后)
v1.2 针对响应失败的处理(2个月内)
v1.3 页面3.5的加载更多按钮(2个月内)
v1.4 自适应布局优化(2个月内)
v2.0 记录微信定位功能并优化各页的代码封装(2个月后)
v2.1 生成海报图片功能(2个月后)
2018.4.10 创建
2018.4.18 补充
网友评论