这里都是使用测试平台进行展示
授权登录（流程）
首先是配置
image.png

这个红标接口是我们使用接口
image.png

image.png
配置的域名下的路径（测试环境本地调试，可以使用ip,生产必须域名）

测试平台里这个授权域名是单独的，在真实公众号环境中，是直接在授权设置里就配置了

image.png

预授权页面：

image.png
这个页面其实并没有授权登录，当你点击微信授权按钮，会去调一个接口。

微信官方文档-微信网页开发 /网页授权：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html

image.png

其实拼装出来就是这个地址
image.png

其中 redirect_uri 就是配置的那个“OAuth2.0网页授权”域名下的路径。否则会报 微信授权 redirect-uri 参数错误

这里我点击了我写的demo.微信授权，我这里使用的 snsapi_userinfo，是会跳出提示框，让我们确认的

image.png

跳转后的页面

image.png

在跳转后的页面都有code,这个code使用后就会失效.

这个code可以去换openid.

然后开始别的业务开发