1. 程式人生 > >企業微信如何實現PC端掃碼登入第三方網站

企業微信如何實現PC端掃碼登入第三方網站

1 登入企業微信 https://work.weixin.qq.com/ 建立應用
2 在應用裡需要配置 工作臺應用主頁 (即掃碼後的跳轉地址) 和 企業微信授權裡的授權回撥域 (必須跟跳轉地址是相同域名)

這裡寫圖片描述

這裡寫圖片描述

3 開始開發 文件地址

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>1111</title>
    <script
src="http://rescdn.qqmail.com/node/ww/wwopenmng/js/sso/wwLogin-1.0.0.js" type="text/javascript" charset="utf-8">
</script> </head> <body > <div id="code" ></div> <script> window.WwLogin({ "id" : "code", //顯示二維碼的容器id "appid" : "xxxxxx"
, "agentid" : "xxxxxx", //企業微信的cropID,在 企業微信管理端->我的企業 中檢視 "redirect_uri" :"xxxxxxxxxxxx", //重定向地址,需要進行UrlEncode "state" : "3828293919281", //用於保持請求和回撥的狀態,授權請求後原樣帶回給企業。該引數可用於防止csrf攻擊(跨站請求偽造攻擊),建議企業帶上該引數 "href" : "", //自定義樣式連結,企業可根據實際需求覆蓋預設樣式。詳見文件底部FAQ
});
</script> </body> </html>

4 顯示效果:
這裡寫圖片描述

5 掃碼 : 注意的是必須登入該企業的企業微信後 才能進行掃描

6 掃碼後會手機端出現是否登入該應用 , 確定後就會跳轉到你配的回撥地址中 , 在你的方法中 通過攜帶的code引數 就可以獲取對應的人員資訊了

7 根據獲取的人員資訊 就可以進行相應的判斷了 結束