Arvin Xiang

微信授权登录可分为：

• 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