公众号测试号 进行H5授权获取code《前端部分》


Tips:因为申请公众号需要 ¥300。 so 我用的是测试号。【白嫖永远不亏】

一、前置准备-注册配置测试账号

1.注册测试号

去注册一个测试号。注意这是测试账号【白嫖的快乐】你会进入到这个界面。会生成测试用的appid 让你测试授权。记下来等会要用。

2、配置网页回掉域名

还是这个界面往下滑 你会看到 一个。体验接口权限表 在这个表的 【网页服务】- 【网页账号】- 【网页授权获取用户基本信息】这一项 点击【修改】按钮 点击按钮会让你 设置网页回调域名 无需以"http://"开头,直接写域名就可以,例如 “aa.bb.com”。

因为是开发调试, 所以我们需要用手机连接电脑启动的H5服务。你可以把这个路径写成自己启动的H5 项目的服务地址,然后在手机上访问。具体怎么访问的流程之后会讲。我这边填写的就是我启动的H5服务地址。

**end:**到这里就已经可以进行授权了,其他的一些功能就不叽歪了。

二、H5 获取授权信息

我选择的是静默授权

前端需要做的是以snsapi_base为scope发起网页授权得到code,调用后台接口获取unionId

2、代码实现

废话不多说上代码:

URl就是你上面配置的 那个路径 这里 是使用当前获取授权的 界面地址。我们用的是测试号, 所以你上面 配置了什么路径就在这里用什么路径。这样直接获取当前界面的路径 我没试也不知道测试号行不行。小伙伴们可以尝试一下
经验分享 程序员 微信小程序 职场和发展