需求:
通常開發項目中,遇到沒接觸過的技術,都會事先作技術調研以及作小DEMO,先踩坑以便有利於後面的開發進度。如下是本人在微信網頁開發中前期醞熱小案例,該小案例僅做爲測試,與實際項目有個別差入。前端
前端腳手架:vue-cli
前端接口請求插件:axios
環境:微信客戶端 ,微信開發者工具,微信公衆測試帳號,node ,redis,
注意:調試微信公衆測試帳號時,必須關注該測試帳號。
項目傳送門: https://github.com/Qiuziscorp...
相關文件傳送門: https://github.com/Qiuziscorp...vue
步驟一 申請微信公衆測試帳號
申請文檔步驟node
步驟二 服務端搭建 node
1,將redis>64bit下面 redis-server 開啓。主要用途:
解決JS-SDK簽名算法,用戶的access_token ( 有效期7200秒 ),和 jsapi_ticket( 有效期7200秒 )
時效和api調用次數服務全局緩存。
(附)微信文檔詳細描述傳送門https://mp.weixin.qq.com/wiki...ios
2, 將wxWebJsdk> node下面 app
appId 和appsecret 換成本身當前測試帳號git
步驟三 前端搭建 my-project
wxWebJsdk> my-project > components >HelloWorld.vuegithub
成功返回redis