5

需求:
一般开发项目中,遇到没接触过的技术,都会事先做技术调研以及做小DEMO,先踩坑以便有利于后面的开发进度。以下是本人在微信网页开发中前期酝热小案例,该小案例仅作为测试,与实际项目有个别差入。

前端脚手架:vue-cli
前端接口请求插件:axios
环境:微信客户端 ,微信开发者工具,微信公众测试账号,node ,redis,
注意:调试微信公众测试账号时,必须关注该测试账号。
项目传送门: https://github.com/Qiuziscorp...
相关文件传送门: https://github.com/Qiuziscorp...

步骤一 申请微信公众测试账号
申请文档步骤

步骤二 服务端搭建 node
1,将redis>64bit下面 redis-server 开启。主要用途:
解决JS-SDK签名算法,用户的access_token ( 有效期7200秒 ),和 jsapi_ticket( 有效期7200秒 )
时效和api调用次数服务全局缓存。
(附)微信文档详细描述传送门https://mp.weixin.qq.com/wiki...

2, 将wxWebJsdk> node下面 app
appId 和appsecret 换成自己当前测试账号
clipboard.png

步骤三 前端搭建 my-project
wxWebJsdk> my-project > components >HelloWorld.vue
clipboard.png

成功返回
clipboard.png


秋子
173 声望16 粉丝