微信公众号开发配置(开发模式)

在这里插入图片描述
(完整代码见最后!!!)
一、服务器配置(公众号)

token验证:
原理参考:微信公众平台-------开发-------开发者工具------开发者文档------入门指导------开发者基本配置-----查看逻辑流程图

第一步:本地搭建验证token服务:
(前提,搭建好内网穿透,详情链接:https://blog.csdn.net/qq_41287423/article/details/86547044)
在这里插入图片描述
第二步:微信公众平台配置
微信公众平台------开发------基本配置------服务器配置------修改配置
在这里插入图片描述
在这里插入图片描述
二、jssdk安全域名配置

微信公众平台----设置----公众号设置----功能设置----JS接口安全域名----设置
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、测试账号的服务器配置(测试账号可以使用大部分授权微信接口)
微信公众平台------开发者工具------公众平台测试账号------接口配置信息
在这里插入图片描述

四、接入JS-SDK(通过config接口注入权限验证配置,调用微信功能接口,如:微信扫一扫、分享)
第一步:获取获取access_token(每日调用上限2000次,所以一般获取后保存在缓存中,2小时内有效)
第二步:通过access_token,获取jsapi_ticket (同样需要做缓存)

参考:微信公众平台----开发者工具----开发者文档----微信网页开发----微信JS-SDK说明文档
在这里插入图片描述

①获取access_token

开发者工具------公众平台测试账号------接口配置信息
在这里插入图片描述
开发者文档----开始开发----获取access_token
在这里插入图片描述
在这里插入图片描述
②获取jsapi_ticket
开发者文档----微信网页开发----微信JS-SDK说明文档
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
③获取signature签名
创建signature加密模板:model----hash.js
const hash = require(’./model/hash.js’) //引入封装的hash加密模块
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
浏览器访问:http://hmx.nat300.top/jssdk
console.log(config)得到:
在这里插入图片描述

node模板引擎有很多,这里以ejs模板为例:
ejs模板引擎(服务器产生的数据,通过ejs模板动态的渲染到前端页面)
ejs模板使用简单案例,链接:

参考:微信公众平台----开发者工具----开发者文档----微信网页开发----微信JS-SDK说明文档
在这里插入图片描述
① npm install ejs
②新建:views----index.ejs(引入JS文件)
在这里插入图片描述
③配置引擎
在这里插入图片描述
④响应对象的方法render来渲染视图
在这里插入图片描述
在这里插入图片描述
五、通过ready接口处理成功验证

在这里插入图片描述
在这里插入图片描述
打开开发者工具,选择微信公众号项目,输入对应的接口,如以上配置的:http://hmx.nat300.top/jssdk,进行测试
在这里插入图片描述

微信公众号开发,以上配置完整代码,链接:https://blog.csdn.net/qq_41287423/article/details/86571720

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值