豆瓣同城小程序开发笔记

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开发日志

1. 完成项目搭建；
2. 完成项目原型设计；
3. 完成资源前期准备，包括接口调试、图床准备等；
4. 开发计划
   4/10 项目搭建；
   4/11 开发页面3.1、页面3.2、页面3.3；
   4/12 开发页面4、页面5；
   4/13 调试BUG；
   4/14 调通BUG，生产环境部署及发布准备。

2018/4/18开发日志

太直接了orz主要是写的太累了中间没写开发日志。

1. 完成项目demo版并上传代码、提交审核；
2. 开发进度记录：
   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 补充