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

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

成功返回

你可能感兴趣的:(微信,微信开发,微信js-sdk,微信公众平台)