美文网首页
豆瓣同城小程序开发笔记

豆瓣同城小程序开发笔记

作者: 英俊又可爱XD | 来源:发表于2018-04-11 00:36 被阅读0次

    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 补充

    相关文章

      网友评论

          本文标题:豆瓣同城小程序开发笔记

          本文链接:https://www.haomeiwen.com/subject/ehmohftx.html