前端直接调试微信获取jsdk签名以及微信登陆受权(node)

需求:
通常开发项目中,遇到没接触过的技术,都会事先作技术调研以及作小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 换成本身当前测试帐号
clipboard.pnggit

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

成功返回
clipboard.pngredis

相关文章
相关标签/搜索