企业微信OAuth2登录
最后更新于:2022-04-02 07:22:27
# 企业微信OAuth2登录
>[info] version` 2.4.6+` 2021-08-16
[TOC]
## 准备工作
实现企业微信OAuth2需要先完成项目与企业微信的对接,对接步骤详见:[企业微信集成流程](/2292481)
> 看到并完成`对接配置`章节即可。
## 配置应用
1、打开在`准备工作`里创建的应用,然后找到`开发者接口`底下的`网页授权及JS-SDK`,点击`设置可信域名`
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/af/9b/af9be605038b99dd9bc0f6aebc79afde_870x238.png)
在打开的窗口里,填上OAuth2网页授权的可信域名配置。填写上你后台项目的地址。
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/4d/1f/4d1fec6ce8b332aec94576cbbd3d6671_599x502.png)
2、 再找到`企业微信授权登录`,点击`设置`,在打开的页面里点击Web网页下的设置授权回调域。
填写上后台的项目的地址。
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/e3/27/e32773e373aa6755ac56574117b3eb87_883x220.png)
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/54/91/5491aa19311dabd8257d60bc3060d2d1_1031x394.png)
> 注意:这里1、2步填写的`后台的项目的地址`都是公网地址,如果你使用的是局域网,那企业微信就访问不到,所以这时候就需要使用内网穿透工具了,详情见:[内网穿透之HTTP穿透](https://developers.dingtalk.com/document/resourcedownload/http-intranet-penetration)
3、 配置菜单
找到`自定义菜单`,点击设置。
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/e8/18/e818242cbc63c1fb570545ace0601f77_894x585.png)
在打开的页面里添加一个菜单,选择跳转到网页,然后网站就填写前台的项目地址即可。
保存后发布,大概会有个一小段时间的延迟才能在应用里看到。
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/5f/1c/5f1c912b5631d4ffeeaa660d62b9df27_1043x644.png)
## 配置前端项目
修改项目根目录下的配置文件:`.env.development`
> 视情况而定修改哪个,修改完成后需要**重启**项目。
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/23/3d/233dc45ba59edf9ed5979c4312cc1a3c_773x148.png)
## 开始使用
配置成功后,点击应用即可自动登录,无需输入账号密码。如果创建了新的用户,默认密码是`123456`
1、PC端效果
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/bb/47/bb47ffe38f87b7e7903a2cafe61e8ee5_859x650.png)
2、 移动端效果:
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/a0/cd/a0cd2452210dd00a5ecbfad6667c23cd_380x823.png) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/39/68/3968fbfc2cb1dc04a862cd6b831e0f27_380x823.png)
';