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