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种调用
标签：
Html5,钉钉,嵌入
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“Html5嵌入钉钉的实现示例”评论...
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。