需求:
通常开发项目中,遇到没接触过的技术,都会事先作技术调研以及作小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