web免登钉钉微应用

1.首先引用两个钉钉的js

mounted(){
if(DingTalkPC.ua.isDesktop&&DingTalkPC.ua.isInDingTalk){//PC端钉钉执行此方法
let surl=window.location.href;
$.ajax({
method: 'post',
url: author+'config',
data:{
key:corpId,
url:surl
},
success: function(data) {
dd.config({
agentId:data.agentid, // 必填，微应用ID
corpId: data.corpid,//必填，企业ID
timeStamp: data.timestamp, // 必填，生成签名的时间戳
nonceStr: data.noncestr, // 必填，生成签名的随机串
signature: data.sign, // 必填，签名
type:0, //选填，0表示微应用的jsapi，1表示服务窗的jsapi，不填默认为0。该参数从dingtalk.js的0.8.3版本开始支持
jsApiList : [ 'runtime.permission.requestAuthCode' ] // 必填，需要使用的jsapi列表，注意：不要带dd。
});
DingTalkPC.runtime.permission.requestAuthCode({
corpId: data.corpid, //企业ID
onSuccess: function(result) {
this.CodeFunc(result.code)
//alert(JSON.stringify(result))
/*{
code: 'hYLK98jkf0m' //string authCode
}*/
}.bind(this),
onFail : function(err) {}
})
}.bind(this),
error: function(jqXHR, textStatus, errorThrown) {
console.log(textStatus + ' ' + errorThrown);
}
});
}
dd.ready(function(){//移动端钉钉执行此方法
dd.runtime.permission.requestAuthCode({
corpId:corpId,
onSuccess: function(result) {
this.CodeFunc(result.code)
/*{
code: 'hYLK98jkf0m' //string authCode
}*/
}.bind(this),
onFail : function(err) {
alert(err)
}
});
}.bind(this))
)
3根据获取到的Code来获取userid

CodeFunc(e){

$.ajax({
method: 'post',
url: author+'userinfo',
data:{
code:e,
},
success: function(data) {
alert(data)
alert(JSON.parse(data).userid)
}.bind(this),
error: function(jqXHR, textStatus, errorThrown) {
console.log(textStatus + ' ' + errorThrown);
}
});
}

4.最后根据userid来进行登录操作
————————————————
版权声明：本文为CSDN博主「玉林路扛把子」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_29819449/article/details/80328181

web免登钉钉微应用相关推荐

php钉钉企业微应用免登demo,钉钉微应用免登实现
用户在使用软件应用的过程中,第一步往往都是登录.输入账号密码,进行登录,登录的目的就是让应用识别张三是张三,而不是李四.相对应,如果能够不用输账号密码,应用就知道你是你,就叫做免登. 免登的源头还是需 ...
钉钉扫码免登-钉钉应用内免登的实现(附仓库及Demo)
新版钉钉扫码免登及钉钉应用内免登的一次实现 (附仓库及Demo) Vue2, JDK1.8, SpringBoot2.x.x, 钉钉模块, 钉钉模块Demo, 钉钉开放平台目录新版钉钉扫码免登及钉 ...
钉钉企业内部应用获取登录用户信息
1.创建企业内部应用首先在钉钉开放平台注册企业内部应用. 选择[企业内部开发] 创建H5微应用填写相关信息企业内部H5微应用创建完成 2.接口开发前准备开发前必读了解不同应用所能支持的能力 ...
DingTalk钉钉机器人单聊互动卡片消息的一次实现(附仓库)
DingTalk钉钉机器人单聊互动卡片消息的一次实现 dingtalk-module迭代记录 07-08-22: 完善一下一些定义的接口, 方便理解 07-26-22: 看了下文档, 钉钉更新了两种互 ...
钉钉开放平台-小程序开发实战（钉钉小程序客户端）
文章目录钉钉小程序客户端关于钉钉开放平台一.小程序基础 1. 基本概念 2. 小程序页面基础页面运行机制页面生命周期页面栈页面跳转怎么使用小程序的data-*属性? 3. 小程序常用布 ...
钉钉开发第三方H5微应用入门详细教程[ISV][免登流程][授权码][HTTP回调推送][识别用户身份][获取用户信息]...
转载请注明原文地址:https://www.cnblogs.com/applerosa/p/11509512.html (by lnexin@aliyun.com 世间草木) 此教程注意点: 适用于第 ...
钉钉微应用怎么进入_钉钉微应用开发免登流程
公司将办公协同基本上都搬到钉钉线上来了,偶有部门个性的功能,钉钉没有合适的应用可以解决,所以只能自己开发系统解决.钉钉企业内部应用分E应用和微应用,E应用说白了就是小程序,微应用是H5页面.如果公司内 ...
钉钉H5微应用开发免登以及接口调试
钉钉H5微应用开发以及接口调试企业内部应用免登 https://open.dingtalk.com/document/orgapp-server/enterprise-internal-applic ...
(详解)钉钉接口，PC端微应用，免登录及获取当前用户信息
1.用了两天的时间,一直在研究微应用的,免登录及获取用户信息这一块. 但是钉钉官网写的太繁杂了,看了一天,硬是没看明白,最后,硬着头皮,一点点查资料,借鉴别人的代码,终于研究出来了,为了防止年轻 ...

web免登钉钉微应用

web免登钉钉微应用相关推荐

最新文章

热门文章