HTML5 嵌入钉钉教程

Guanhui
Lepaskan: 2020-06-22 13:26:20
ke hadapan
4714 orang telah melayarinya

HTML5 嵌入钉钉教程

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


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

或者npm 也可以的

推荐教程:《HTML

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

获取钉钉接口的鉴权


dd.config({
              agentId:agentid, // 必填,微应用ID
              corpId:corpId,//必填,企业ID
              timeStamp:timeStamp, // 必填,生成签名的时间戳
              nonceStr: nonceStr, // 必填,生成签名的随机串
              signature:signature, // 必填,签名
              type:0,
              jsApiList : [ &#39;runtime.info&#39;, &#39;biz.contact.choose&#39;,&#39;biz.contact.chooseMobileContacts&#39;,
                &#39;device.notification.confirm&#39;, &#39;device.notification.alert&#39;,
                &#39;device.notification.prompt&#39;, &#39;biz.ding.post&#39;,&#39;biz.util.previewImage&#39;,
                &#39;biz.util.openLink&#39;,&#39;device.geolocation.start&#39;,&#39;device.geolocation.get&#39;,&#39;biz.util.uploadImageFromCamera&#39;,&#39;biz.util.uploadImage&#39; ,
                &#39;device.audio.startRecord&#39;,&#39;device.audio.stopRecord&#39;,&#39;device.audio.play&#39;,&#39;device.audio.pause&#39;,&#39;device.audio.download&#39;,&#39;device.audio.translateVoice&#39;,&#39;device.audio.onPlayEnd&#39;
                ] // 必填,需要使用的jsapi列表,注意:不要带dd。
            });
Salin selepas log masuk

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


  dd.ready(()=>{
      //获取地理位置
              dd.device.geolocation.get({
      targetAccuracy : Number,
      coordinate : Number,
      withReGeocode : Boolean,
      useCache:true, //默认是true,如果需要频繁获取地理位置,请设置false
       onSuccess : (result) =>{
        alert(&#39;succe: &#39; + JSON.stringify(result))
                   
       },
      onFail : (err) => {
       alert(&#39;fail: &#39; + JSON.stringify(err))
       }
      })
 })
Salin selepas log masuk

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

相关教程:《CSS教程

Atas ialah kandungan terperinci HTML5 嵌入钉钉教程. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:jb51.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan