一文聊聊接入钉钉H5微应用系统实现免登操作技术思路实现验证

如何创建钉钉应用实现H5端免登录

创建钉钉内部应用

1.进入钉钉开放平台，配置自己的应用信息

开发方式处选择企业自主研发！

2.配置应用相关信息（建议选择旧版，后续有一个token获取，新版会提示URL不安全，哪怕采用https进行内网穿透也是一样。使用旧版可以规避掉上述问题）

3.配置回调域名

此处有一个坑需要注意，后文会着重进行讲述

4. 应用权限配置

此处不配置应用权限，后续请求会出权限报错！

5. 发布应用

配置完成之后，需要发布相关应用才能配置生效

调用测试

钉钉官方说明文档：https://open.dingtalk.com/document/orgapp/logon-free-h5

1.获取access_token信息

请求方式：GET

请求地址：https://oapi.dingtalk.com/gettoken

请求参数：

参数如何获取：创建应用处点击进入查看应用详情

效果展示：

2.通过免登录码获取用户信息

a.如何获取免登录码

corpid的获取是在屏幕最左上角进入配置H5应用时候，点击头像可以获取到

如果需要在钉钉方官网调用获取如何操作说明

调试地址入口：https://open.dingtalk.com/document/orgapp/jsapi-request-auth-code

跳转地址：https://open.dingtalk.com/tools/explorer/jsapi?spm=ding_open_doc.document.0.0.142d4545rrsdih&id=11723

这里需要注意一下上方除了需要配置圈起来的两个id信息，还需要将创建的钉钉应用中首页的地址换成是钉钉侧的回调域名不然会出现下述报错

需要将报错中的域名信息配置在下述图片对应位置

配置完成之后在页面调用则可以获取到对应的一次性授权码

b.请求接口获取免登陆码

请求方式：POST

请求地址：https://oapi.dingtalk.com/topapi/v2/user/getuserinfo

请求参数：讲上述获取到的access_token和code请求https://oapi.dingtalk.com/topapi/v2/user/getuserinfo 得到用户的个人信息

效果展示：

3.利用用户userid获取用户详细个人信息

请求方式：POST

请求地址：https://oapi.dingtalk.com/topapi/v2/user/get?access_token=29e90xxxxxxxxxxxxxxxx

请求参数：access_token + body

{
        "language":"zh_CN",
        "userid":"0307xxxxxxxxxx"
}

结果展示：

致谢&&参考资料

钉钉官方文档资料地址：

https://open.dingtalk.com/document/orgapp/logon-free-h5

CSDN文章参考：

• https://blog.csdn.net/weixin_44299027/article/details/117339365
• https://blog.csdn.net/a913222/article/details/127056771