Html5嵌⼊钉钉的实现⽰例
1,需要在项⽬种引⼊钉钉官⽅的js
<script type="text/javascript" src="g.alicdn/dingding/dingtalk-jsapi/2.3.0/dingtalk.open.js" >
</script>
或者npm 也可以的
2,钉钉⾃带的api,有写是需要鉴权的,所以在使⽤之前⼀定要先鉴权
获取钉钉接⼝的鉴权
agentId:agentid, // 必填,微应⽤ID
corpId:corpId,//必填,企业ID
timeStamp:timeStamp, // 必填,⽣成签名的时间戳
nonceStr: nonceStr, // 必填,⽣成签名的随机串
signature:signature, // 必填,签名
type:0,
jsApiList : [ 'runtime.info', 'act.choose','act.chooseMobileContacts',
'firm', 'ification.alert',
'ification.prompt', 'biz.ding.post','biz.util.previewImage',
html5开发示例'biz.util.openLink','location.start','','biz.util.uploadImageFromCamera','biz.util.uploadImage' ,
'device.audio.startRecord','device.audio.stopRecord','device.audio.play','device.audio.pause','device.audio.download','anslateVoice','PlayEnd' ] // 必填,需要使⽤的jsapi列表,注意:不要带dd。
});
3,鉴权以后就可以在项⽬中使⽤钉钉的api了,但是在调⽤钉钉的api的时候⼀定要在 dd.ready⾥⾯执⾏,
不然会报错
//获取地理位置
({
targetAccuracy : Number,
coordinate : Number,
withReGeocode : Boolean,
useCache:true, //默认是true,如果需要频繁获取地理位置,请设置false
onSuccess : (result) =>{
alert('succe: ' + JSON.stringify(result))
},
onFail : (err) => {
alert('fail: ' + JSON.stringify(err))
}
})
})
ps:如果是全局使⽤钉钉的api,可以在app.vue页⾯种调⽤,也可以在main.js种调⽤
到此这篇关于Html5嵌⼊钉钉的实现⽰例的⽂章就介绍到这了,更多相关Html5嵌⼊钉钉内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章,希望⼤家以后多多⽀持!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论