微信授权登录可分为:
- 1.扫码登录(一般用于 PC 网页)- 微信开放平台
- 2.跳转 APP 授权登录(第三方 APP 使用)- 微信开放平台
- 3.微信内置浏览器内登录(一般用于移动端网站,公众号登录)- 微信公众平台
- 4.微信小程序内微信登录(小程序内部)- 微信公众平台
微信公众平台的文档地址: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html
配置授权回调页面域名
https://mp.weixin.qq.com/
路径:微信公众平台-开发-接口权限-网页授权-网页授权获取用户基本信息
注意!订阅号无法开通此接口,服务号必须通过微信认证。
只填写域名,不填写 https 等,比如:www.baidu.com
发起授权登录
APPID 获取路径:微信公众平台-开发-基本配置
const APPID = 'wx6aafed32b5cd8822';
const REDIRECT_URI = 'https://www.baidu.com/path';
const wxUrl = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${APPID}&redirect_uri=${encodeURIComponent(REDIRECT_URI)}&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect`;
REDIRECT_URI 要求与授权回调域名同域,否则会报错:redirect_uri 域名与后台配置不一致,10003
本地调试
- 配置 host 文件:127.0.0.1 m.xxx.com
- 配置项目 host:m.xxx.com
- 配置回调地址:m.xxx.com
参考
https://juejin.cn/post/6844903902228250638