第一步:详情肯定是咨询官方文档:钉钉开发文档
第二步:如果您是用脚手架这类工具构建项目的话,需要下载一个包资源来发送相对应的请求
npm install dingtalk-jsapi--save
import * as dd from 'dingtalk-jsapi';// 此方式为整体加载,也可按需进行加载
如果你是html文件话,可以在浏览器中使用 script 和 link 标签直接引入文件,并使用全局变量 dd
<scriptsrc="https://g.alicdn.com/dingding/dingtalk-jsapi/2.10.3/dingtalk.open.js"></script>
第三步:可以全局引入也可以单页面引入(我这里就单页面引入)
dd.ready(()=> {
dd.runtime.permission.requestAuthCode({
corpId: "xxx", //企业ID
onSuccess: (result)=> {
this.loginline(result.code) //返回给你当前用户的code
},
onFail : (err)=> {
console.log(err)
}
})
})
这里需要注意的是:你当前设置的公司id一定是你个人所在的公司id,不然是查询不到当前用户的个人信息
公司id,可以在开发管理员后台中查询到
最终你得到的code,你就可以发给后端,后端就可以根据钉钉提供的服务端api,根据你发过来的code,获取到你的用户信息!
【这里我们主要介绍的是前端获取,有关于后端如何解析code,可以去官方查看方法】
【究极提醒】
你引入了钉钉的npm包之后,如果你是用浏览器的方式访问的话,是获取不到的,你只有在钉钉的pc端调试工具上,才能看到,就类似于唯心小程序开发工具中,查看控制台,只能在特定工具上查看
pc端提示工具地址:pc端调试工具下载地址
当然了,你肯定是需要发布到钉钉上以后,才能查看,然后按住F12,就能查看了