一、需求分析

首先要確定好自已在DEMO中想要實現(xiàn)的功能，微信有四個tab：微信聊天，通訊錄，發(fā)現(xiàn)，我。右上角的搜索，添加好友功能，以及發(fā)現(xiàn)里的朋友圈和各項菜單功能，這里主要想實現(xiàn)的就是聊天，還有通訊錄好友功能。因為考慮到小程序真機體驗時只允許請求安全域名，所以數(shù)據(jù)不打算使用后端接口返回，而是采用MOCK數(shù)據(jù)模擬后端接口返回。聊天記錄儲存于小程序提供的Storage中。這樣就能完整的模擬聊天功能，而且下載下來的DEMO可以直接在真機上體驗。

同時評估一些技術(shù)細節(jié)：

涉及的原生API

• 登錄相關(guān)API wx.login。
• 獲取用戶信息API wx.getUserInfo。
• Storage相關(guān) wx.getStorage，wx.setStorage，wx.clearStorage。

技術(shù)方案

• 樣式部分使用sass，wepy現(xiàn)階段支持less，sass，本demo使用sass。
• 代碼部分使用新特性async/await。
• 數(shù)據(jù)接口使用MOCK數(shù)據(jù)模擬接口返回。