1 參考資料
1.1 接口(反向代理資源)
zce/douban-api-proxy
接口地址:https://douban.uieee.com/
文檔參考官方即可:豆瓣api v2
1.2 圖床
目前資源要求不高货岭,直接用微博圖床,簡單粗暴疾渴。
planB:路過圖床
參考:國內(nèi)外部分可用圖床推薦對比
1.3 項目參考
github上的開源小程序項目千贯,但更新于11個月前,源碼中的原api請求已經(jīng)被403了搞坝,所以借用大神的反向代理了搔谴。
bruintong/wechat-webapp-douban-location
直接clone了master分支,拷貝進編輯器編譯桩撮,修改接口請求地址敦第,跑起來看demo峰弹。
2 項目概述
微信小程序版的豆瓣同城項目(非官方出品),實現(xiàn)基于城市數(shù)據(jù)的豆瓣同城活動的推薦芜果、查詢鞠呈、篩選及活動信息呈現(xiàn)與分享等功能。
數(shù)據(jù)來源:豆瓣同城API
開發(fā)工具:微信開發(fā)者工具v1.02.1803210
吐個槽:我還沒開發(fā)完师幕,開發(fā)者工具又特么更新版本了……希望能解決頻繁黑屏的問題粟按。
3 頁面功能
3.1 進場海報
3.2 主頁:當前城市
工 具 條 :跳轉(zhuǎn)到【城市列表】或【分類篩選】
頁面元素:推薦當前所在城市的首頁熱門,展示音樂霹粥、喜劇灭将、聚會、講座四類的活動TOP10后控。
3.3 城市列表
即對所在城市進行重新選擇的列表庙曙。
3.4 篩選活動
對當前所在城市的全部活動進行列表篩選。
開發(fā)難點:下拉->加載更多浩淘。
3.5 活動頁面詳情
展示同城活動的活動詳情捌朴。
開發(fā)難點:
地圖(導(dǎo)航)、撥打電話的api調(diào)用张抄、分享接口的調(diào)用砂蔽。
4 開發(fā)日志
2018/4/10開發(fā)日志
- 完成項目搭建;
- 完成項目原型設(shè)計署惯;
- 完成資源前期準備左驾,包括接口調(diào)試、圖床準備等极谊;
- 開發(fā)計劃
4/10 項目搭建诡右;
4/11 開發(fā)頁面3.1、頁面3.2轻猖、頁面3.3帆吻;
4/12 開發(fā)頁面4、頁面5咙边;
4/13 調(diào)試BUG猜煮;
4/14 調(diào)通BUG,生產(chǎn)環(huán)境部署及發(fā)布準備败许。
2018/4/18開發(fā)日志
太直接了orz主要是寫的太累了中間沒寫開發(fā)日志友瘤。
- 完成項目demo版并上傳代碼、提交審核檐束;
- 開發(fā)進度記錄:
4/11 開發(fā)頁面3.1;
4/12 開發(fā)頁面3.2束倍;
4/13 開發(fā)頁面3.4并封裝功能被丧;
4/16 開發(fā)頁面3.3并盟戏;
4/17 開發(fā)頁面3.5并調(diào)BUG。
5 測試報告
測試了五個機型……最長的首頁加載6s+甥桂,平均2s+柿究。估計跟首頁圖大小有關(guān)。
中間主頁有少數(shù)機型加載失敗黄选,估計和接口響應(yīng)時間有關(guān)蝇摸。
以及最懶之處:沒有針對響應(yīng)失敗做處理。哈哈哈哈嗝办陷。
迭代計劃
v1.1 頁面3.3實現(xiàn)城市查詢功能(1個月后)
v1.2 針對響應(yīng)失敗的處理(2個月內(nèi))
v1.3 頁面3.5的加載更多按鈕(2個月內(nèi))
v1.4 自適應(yīng)布局優(yōu)化(2個月內(nèi))
v2.0 記錄微信定位功能并優(yōu)化各頁的代碼封裝(2個月后)
v2.1 生成海報圖片功能(2個月后)
2018.4.10 創(chuàng)建
2018.4.18 補充