Html5嵌入钉钉的实现示例

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

<script ty PE ="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
              timeSt am p:timeStamp, // 必填，生成签名的时间戳
              nonceStr: nonceStr, // 必填，生成签名的随机串
              signature:signature, // 必填，签名
              type:0,
              jsApiList : [ 'runtime.info', 'biz.contact.choose','biz.contact.choose mobile Contacts',
                'device.notification.confirm', 'device.notification.alert',
                'device.notification.p rom pt', 'biz.ding.post','biz.util.p rev iewImage',
                'biz.util.openLink','device.geolocation.start','device.geolocation.get','biz.util.uploadImage From Camera','biz.util.uploadImage' ,
                'device.audio.startRecord','device.audio.sto PR ecord','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({
      t arg etAccuracy : Number,
      coordinate : Number,
      w IT  hr eGeocode : Boolean,
      useCache:true, //默认是true，如果需要频繁获取地理位置，请设置false
       onSuccess : (result) =>{
        alert('succe: ' + JSON.stringify(result))
                   
       },
      onF ai l : (err) => {
       alert('fail: ' + JSON.stringify(err))
       }
      })
 })

ps:如果是全局使用钉钉的api，可以在app.vue页面种调用，也可以在main.js种调用

到此这篇关于Ht ML 5嵌入钉钉的实现示例的 文章 就介绍到这了,更多相关Html5嵌入钉钉内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

总结

以上是 为你收集整理的 Html5嵌入钉钉的实现示例 全部内容，希望文章能够帮你解决 Html5嵌入钉钉的实现示例 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于Html5嵌入钉钉的实现示例的详细内容...