首页，要在公众号后台进行配置

用管理员/开发人员的账号，登录“微信公众平台”：https://mp.weixin.qq.com/

1、打开 【设置与开发】 -【开发者工具】 -【web开发者工具】

2、配置网站域名，就是上线后的后端接口域名，下方图片中的业务域名、js接口安全域名、网页授权域名 ，都需要配置

3、添加开发者微信号，然后必须在“微信开发者工具”登录这个账号，才能进行本地调试

要求要关注“公众平台安全助手”公众号，且不能开免打扰

本地调试(微信开发者工具)

配置公众号平台的测试账号、调试

在【设置与开发】-【开发者工具】-【公众平台测试账号】，点进去。

在这里，微信官方提供了一个测试号，本地调试的话，先这个测试号来调网页授权功能。后期部署到线上，再换成自己的公众号的appId和配置线上后端的域名，这是后面本地调试没问题了，再放到线上到这一步。

在下方找到【网站授权获取用户基本信息】，点修改，输入你本地启动的项目IP地址了，注意，只输入IP，不要输入http://，也不要端口，默认端口是80

这是因为微信重定向不支持带端口的访问域名，配置80端口，就可以只输入网址，所以启动的项目端口也必须设置成80端口

最后一步，调试：打开微信开发者工具 -> 公众号网页项目 -> 在地址栏中输入启动后的地址

代码

到最后会跳转到 /pages/bindPhone?code=CODE&state=123我们做这些授权的目的就是为了得到code，code这个玩意就是得到access_token的敲门砖，code每次授权都不一样，每次的code只能使用一次，5分钟过期

拿到code之后，就可以跟后端换token了~

一般会把获取code 和 授权跳转到 https://open.weixin.qq.com 写在同一个页面的第一个生命周期里，有code时，就去换token，没有code就去授权