# 微信OAuth2.0网页授权多域名登录

**Repository Path**: kendingbuchongfu/getWxCode

## Basic Information

- **Project Name**: 微信OAuth2.0网页授权多域名登录
- **Description**: 微信OAuth2.0网页授权，多域名授权登录
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-06-28
- **Last Updated**: 2024-06-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 微信OAuth2.0网页授权多域名登录
<hr>

## 介绍
微信OAuth2.0网页授权，多域名授权登录解决方案，自由灵活使用，兼容vue route形式的url。

## 使用方法
将getWxCode.html上传至你的微信授权回调域名的目录下，不一定是跟目录，哪里都行，只要能访问的即可。

直接访问文件，如

```
http://xxx.com/getWxCode.html?appid=xxx&redirect_uri=http://aaa.com
```
getWxCode.html会自动拼接OAuth2.0授权链接，自动跳转授权，获取code后，再回调到redirect_uri填写的URL去，并且会在url后面带上code和state。

或者，后端拼接OAuth2.0链接的时候，将redirect_uri替换成getWxCode.html的地址，redirect_uri如：
```
http://xxx.com/getWxCode.html?redirect_uri=http://aaa.com
```
## 详细教程
1. 前往微信公众平台->接口权限->网页授权获取用户基本信息->修改，填写授权回调页面域名，例如：www.aaa.com。
2. 在www.aaa.com下部署getWxCode.html，不一定是根目录。
3. 假设http://www.bbb.com/需要获取微信授权，那么,应该使用以下地址来获取授权：http://www.aaa.com/getWxCode.html?appid=XXXX&scope=snsapi_base&state=helloWorld&redirect_uri=http%3A%2F%2Fwww.bbb.com

最后，跳转到bbb站的时候，URL如：http://www.bbb.com/?code=XXXXXXXXXXXXXXXXX&state=helloWorld， 你就可以拿到code以及自定义的state参数了。

## 其他
通过中转跳转，解决了微信限制回调域名只能设置一个的问题。

虽然，在用户体验上可能会有那么一丢丢的牺牲，但可以分布部署项目，同一code管理。

如果你也有这样的需求，可以使用本项目。

同时，欢迎提交pull request。