小程序開發記錄

一.本項目服務對象體量較小，初期200-300人，後期2000人左右。

二.主要設計的功能點：登陸/註冊/忘記密碼/修改資料/視頻/答題（單選/多選/填空）/分享（不建議使用，微信小程序現版本不對用戶開放回調）/免密登陸

三.開發時間-前端：因爲體量小沒有使用攔截器（47個接口），靜態頁面（18-28號共6個工做日），總體開發完成包含測試與修復BUG（次月30號共22個工做日），總體開發耗時28個工做日

四.開發總結：

　　1.開發前期準備：申請小程序，得到小程序appid AppSecret->同步提供給後端開發；配置小程序的https協議（協議未經過時開發時開啓不校驗協議，掃碼查看時開啓調試模式）

　　2.project.config.json：項目配置文件（配置appid）；app.json:配置tabBar+頁面路由+全局配置（title等）https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html

　　3.app.js:全局惟一實例，每次啓動都會調用，我用來放公共方法及變量（token/用戶信息等）/接口信息；此處調用微信API（wx.getSetting獲取用戶信息/wx.login:獲取code傳給後臺拿token等信息）；使用微信組件open-data獲取用戶頭像，https://developers.weixin.qq.com/miniprogram/dev/component/open-data.html；

　　4.建立目錄，分爲三部分：1）靜態資源（儘可能放服務器，不推薦放在小程序中，小程序超過2M會致使打包失敗）；2）公共樣式，經過@import ""引入到對應頁面；3）頁面（js/json/wxml/wxss）

　　5.頁面部分根據需求分爲4個模塊，1）個人；2）資料；3）答題；4）視頻；

　　　個人：此處使用組件scroll-view展現積分詳情，https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html；使用組件radio-group展現性別，https://developers.weixin.qq.com/miniprogram/dev/component/radio.html；組件picker展現組織與生日，https://developers.weixin.qq.com/miniprogram/dev/component/picker.html；

　　　視頻：此處使用swiper展現輪播圖，https://developers.weixin.qq.com/miniprogram/dev/component/swiper-item.html ；此處使用組件scroll-view展現政策，https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html；