做这个扫码登陆也不难,主要是一些坑比较多。下面我就简单讲一下最简单步骤。
下载App
首先的话,是需要下载这个app的,应用商店找不到的话,可以直接去官网。
官网下载链接:https://on-premises.dingtalk.com/download/
下载完成之后,就注册登陆上去就好了。
坑1:如果注册失败,那就是说明公司没权限,需要负责人给你权限。
开放平台配置
开放平台链接:https://on-premises.dingtalk.com/portal/#/
进入之后要先点击一下 “快速开始” ,不然的话,右上角是不会出现登陆按钮的,就无法进入后台去配置。
进入之后就创建项目,老实填写这个信息
创建完成后,点击详情,进入应用配置的地方,去添加一下开发的地址(这里不需要内网穿透,不像公众号那样的,直接localhost也可以)
代码编写
这里就用vue2演示一下
#html
<template>
<iframe
frameborder="0"
scrolling="no"
width="400"
height="400"
:src="`https://login.dg-work.cn/oauth2/auth.htm?response_type=code&client_id=${client_id}&redirect_uri=${redirect_uri}&scope=get_user_info&authType=QRCODE&embedMode=true`"></iframe>
</template>
# script
<script>
data() {
return {
client_id: "demo001_dingoa",
redirect_uri: "http://localhost:9528/",
};
},
mounted() {
window.addEventListener("message", function (event) {
const { code } = event.data;
// 这里拿到code就可以直接给后端啦,接下来的事情就不用操心了
});
},
</script>
到这里就结束了,感谢观看。