第一步：详情肯定是咨询官方文档：钉钉开发文档

第二步：如果您是用脚手架这类工具构建项目的话，需要下载一个包资源来发送相对应的请求

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,就能查看了