1,必须在新项目种引进钉钉官方的js
<script type="text/javascript" src="http://g.alicdn.com/dingding/dingtalk-jsapi/2.3.0/dingtalk.open.js" > </script>
或npm 还可以的
2，钉钉自带的api，有写是必须鉴权的，因此在应用以前1定要先鉴权
获得钉钉插口的鉴权
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的情况下1定要在 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种启用
到此这篇有关Html5嵌入钉钉的完成示例的文章内容就详细介绍到这了,更多有关Html5嵌入钉钉內容请检索脚本制作之家之前的文章内容或再次访问下面的有关文章内容，期待大伙儿之后多多适用脚本制作之家！