官方文档:https://work.weixin.qq.com/api/doc/90000/90135/90988
其实看文档就可以明白啦。
两种方式:
1、构造独立窗口登录二维码
2、构造内嵌登录二维码
我使用的是 第二种方式:构造内嵌登录二维码
(1)引入js文件。( index.html 或者 .ejs入口文件 根据自己项目而定)
<script src="http://rescdn.qqmail.com/node/ww/wwopenmng/js/sso/wwLogin-1.0.0.js"></script>
(2)在需要登录二维码的页面,实例js对象
useEffect(() => {
window.WwLogin({
"id" : "js-layout-login-login-wechat-qrcode",
"appid" : appId, // 企业微信的CorpID
"agentid" : agentId, // 授权方的网页应用ID
"redirect_uri" :encodeURIComponent('url'), // url与配置的要一致
"state" : "",
"href" : "",
})
}, [])
<div id="js-layout-login-login-wechat-qrcode" className={styles.box}></div>
注:redirect_uri配置不一致的话,会出现如下:
(3)使用企业微信扫码授权。授权成功后,会重定向到redirect_uri,并且code会拼接在链接后面。