钉钉免登 前端

本文档详细介绍了如何在企业内部使用钉钉进行H5微应用的开发和调试,包括Android和Windows平台的调试包下载链接。作者强调了阅读文档的重要性,以及在调试过程中需要注意的权限设置和地址填写。文中还展示了前端代码,说明了如何通过钉钉API获取授权码并调用后台接口获取token。
部署运行你感兴趣的模型镜像

h5 微应用 企业内部开发

钉钉调试包网址
https://developers.dingtalk.com/document/resourcedownload/h5-debug?pnamespace=app

在这里https://developers.dingtalk.com/document/resourcedownload/h5-debug?pnamespace=app插入图片描述
在这里插入图片描述
移动端调试包:Android调试包: https://download.alicdn.com/wireless/dingtalk/latest/rimet_10006337.apk

钉钉rc版调试包:Windows调试包:https://download.alicdn.com/dingtalk-desktop/win_installer/RC/DingTalk_v5.5.5-RC.5605.exe

试了一堆办法,只有用这个方法 Windows调试包 调试成功了,看文档瞎忙了好几天,也是没谁了
注意事项:
1- 文档一定要每个每个字都得看,漏掉一个字,可能就会出现一些莫名其妙的问题,真的是要大哭了
2- 地址,能填的都填
3- 权限,能开的都开
4-文档仔仔细细的看
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
前端代码,我写在了,之前的登录login页面了。拿到code授权码后请求后台接口,再拿到token,就OK了
在这里插入图片描述

// 钉钉免登
			code(){
					let that = this
					dd.ready(function() {
						dd.runtime.permission.requestAuthCode({
							corpId:'钉钉公司的corpid',
							onSuccess: function(result) {
								console.log(result);
								that.authCode = result.code;
								that.$http.postjson("/ding/login",{code:result.code}).then((res) => {
									console.log(res.data);
									uni.setStorageSync('Authorization',res.data);
								});
							},
							onFail : function(err) {
								console.log(err)
							}
						})
					});
				},

您可能感兴趣的与本文相关的镜像

ACE-Step

ACE-Step

音乐合成
ACE-Step

ACE-Step是由中国团队阶跃星辰(StepFun)与ACE Studio联手打造的开源音乐生成模型。 它拥有3.5B参数量,支持快速高质量生成、强可控性和易于拓展的特点。 最厉害的是,它可以生成多种语言的歌曲,包括但不限于中文、英文、日文等19种语言

### 实现钉钉录功能的关键步骤 要在前端项目中实现钉钉录功能,可以参考以下方法和技术细节: #### 1. 使用钉钉提供的API完成流程 通过调用钉钉的 `GetLoginSign` 接口来获取用户的签名信息[^1]。此接口返回的数据可用于验证用户身份并生成会话令牌。 ```javascript // 调用钉钉录 API 获取签名数据 async function getDingTalkLoginSign() { const response = await fetch('http://10.10.10.10:8081/api/DingServer/GetLoginSign', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ corpId: 'your_corp_id_here' }) }); const data = await response.json(); return data; } ``` 上述代码展示了如何向服务器发送请求以获得用于录的签名信息。 --- #### 2. 基于 Vue 的录逻辑处理 在 Vue 项目中可以通过定义一个异步函数来接收来自钉钉的授权码,并将其传递给后端服务进行进一步的身份校验[^3]。 ```javascript methods: { async handleCodeLogin(code) { try { const res = await this.$api.login.dingLogin({ code }); if (res && res.data.rc === 200) { this.$store.commit("setToken", res.data.data.token); this.$router.push({ name: "home" }); } else { console.error('Failed to login with DingTalk'); this.ddLoginInit(); // 如果失败重新初始化录过程 } } catch (error) { console.error(error.message || 'An unknown error occurred.'); } }, ddLoginInit() { window.location.href = 'https://oapi.dingtalk.com/connect/oauth2/sns_authorize?appid=YOUR_APP_ID&response_type=code&scope=snsapi_login&state=RANDOM_STATE_STRING_REDIRECT_URI'; } } ``` 以上代码片段实现了当接收到钉钉回调中的 `code` 参数时,执行后续操作的功能。 --- #### 3. 引入钉钉官方 SDK 并配置 HTML 文件 为了使页面能够支持钉钉扫码录,在项目的入口文件(通常是 `public/index.html`)里需加载钉钉 H5 录所需的 JavaScript 插件[^4]。 ```html <script src="https://g.alicdn.com/dingding/h5-dingtalk-login/0.21.0/ddlogin.js"></script> ``` 随后可以在组件内部调用该库的方法创建二维码窗口供用户扫描认证。 --- #### 技术注意事项 - **安全性考量**:确保传输过程中敏感信息被妥善加密保护;建议仅允许 HTTPS 协议访问相关资源。 - **错误捕获机制**:设计良好的异常处理器可以帮助开发者快速定位问题所在位置以及原因分析。 - **用户体验优化**:考虑加入友好的提示消息告知用户当前状态变化情况比如正在等待确认或者已经成功进入系统等情形下给予适当反馈提升整体满意度水平。 ---
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值