江辰

博客

企业微信自建应用

发布于 # 企业微信

企业微信自建应用

创建应用

WechatIMG2483

进入企业微信,打开【应用管理】,在【自建】下选择【创建应用】

完善应用信息

WechatIMG2481

在【可见范围】内【选择部门/成员】,建议选择全公司,后续可修改

获取密钥

WechatIMG2482

配置应用属性

WechatIMG2484

WechatIMG2485

把可信任的域名配置下,申请校验文件,放入到域名的根目录,保证 Http 请求能访问该文件即可

配置聊天工具侧边栏

WechatIMG2486

WechatIMG2488

  1. 填写页面名称

  2. 填写页面内容,选择自定义,链接后面需要带上参数,corp_id 和 app_id

授权流程

WechatIMG2489

  1. 构造网页授权链接

  2. 获取访问用户身份

FAQ

  1. 如何让 localhost 设置为可信域名?

当需要对域名进行校验,比如企业微信或微信公众号的一些可信域名配置,需要通过域名来访问,会非常有用。

编辑你的本地 hosts,是本地转发到指定域名,这里不要带端口号,如果有端口号,输入域名的时候,带上端口号。

127.0.0.1 order.downfuture.com
WechatIMG2490

如果访问报这个错误,需要在

devServer: {
    // ...
    disableHostCheck: true
}

配置完之后,本地启动开发服务,输入域名和端口号跳转页面,则可以看到修改了,受缓存影响,最好用无痕浏览器噢。

  1. Windows 企业微信浏览器内核版本过低,如何解决?

由于 Windows 企业微信浏览器内核版本在 53,导致 async 使用不了,配置 Babel,支持到 53 即可。

{
    "presets": [
        [
            "@babel/preset-env",
            {
                "targets": {
                    "edge": "17",
                    "firefox": "60",
                    "chrome": "53",
                    "safari": "11.1"
                },
                "useBuiltIns": "usage",
                "corejs": 3
            }
        ],
        ["@babel/preset-react"]
    ]
}