微信订阅号——网页授权篇(纯前端实现)

320 阅读1分钟

前言

本阶段要搞下公众号开发,因为要做到消息推送功能,小程序因为需要订阅,不满足需求,现阶段搞下公众号开发。公众号分为订阅号与服务号,因为个人的大部分都是订阅号,故可以去微信公众平台申请测试号来协助开发

1.申请测试号

进入页面中可以获得一个测试订阅号AppID如下

image.png 请记住这个AppID,因为做网页授权的时候需要它

2.授权回调路径的配置

因为要拿到用户的信息必须有code去获取access_token,现阶段需要一个回调路径去支持。 image.png

因为不想麻烦后端把项目部署到一个服务器上,但需要个回调路径。所以想搞内网穿透,这里使用了 ngrok

2.1 下载ngrok.exe

通过在官网下载

image.png

2.2 安装ngrok

点击解压你的下载 双击执行exe 会有下边的窗口

image.png

2.3 配置ngrok

先填写配置,去你的ngrok中复制执行这个命令

image.png

然后配置映射本地的端口 ngrok http 8082 会得到这样一个映射

image.png

可以拼接一个路径去浏览器中看内透是否成功形如:0fa0-117-133-51-238.ngrok-free.app/#/+你的localh…

2.4 设置授权回调页面域名:

在你申请的测试公众号页面设置

image.png

image.png

这样咱们就设置好了授权回调页面了

3.开发设置

这样就能到得一个授权回调地址配置 code.png

4.结果

授权拉起实现效果如下

image.png

所需要的code

image.png