需求:
一般开发项目中,遇到没接触过的技术,都会事先做技术调研以及做小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 换成自己当前测试账号
步骤三 前端搭建 my-project
wxWebJsdk> my-project > components >HelloWorld.vue
成功返回
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。