Html5嵌入钉钉的实现示例_钉钉应用开发H5 - CSDN文库

5星 · 超过95%的资源 24 浏览量更新于2023-03-03 评论 1 收藏 30KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

Html5嵌入钉钉的实现示例嵌入钉钉的实现示例

1,需要在项目种引入钉钉官方的js

<script type="text/javascript" src="http://g.alicdn.com/dingding/dingtalk-jsapi/2.3.0/dingtalk.open.js" >

</script>

或者npm 也可以的

2，钉钉自带的api，有写是需要鉴权的，所以在使用之前一定要先鉴权

获取钉钉接口的鉴权

dd.config({

agentId:agentid, // 必填，微应用ID

corpId:corpId,//必填，企业ID

timeStamp:timeStamp, // 必填，生成签名的时间戳

nonceStr: nonceStr, // 必填，生成签名的随机串

signature:signature, // 必填，签名

type:0,

jsApiList : [ 'runtime.info', 'biz.contact.choose','biz.contact.chooseMobileContacts',

'device.notification.confirm', 'device.notification.alert',

'device.notification.prompt', 'biz.ding.post','biz.util.previewImage',

'biz.util.openLink','device.geolocation.start','device.geolocation.get','biz.util.uploadImageFromCamera','biz.util.uploadImage' ,

'device.audio.startRecord','device.audio.stopRecord','device.audio.play','device.audio.pause','device.audio.download','device.audio.translateVoice','device.audio.onPlayEnd'

] // 必填，需要使用的jsapi列表，注意：不要带dd。

});

3，鉴权以后就可以在项目中使用钉钉的api了，但是在调用钉钉的api的时候一定要在 dd.ready里面执行，不然会报错

dd.ready(()=>{

//获取地理位置

dd.device.geolocation.get({

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种调用

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论5

yxldr

2023-07-27

这个文件提供的方法很实用，可以帮助开发者迅速实现钉钉嵌入，提高工作效率。

weixin_38710323

粉丝: 1
资源: 953

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈