Heim > Web-Frontend > HTML-Tutorial > HTML5-eingebettetes DingTalk-Tutorial

HTML5-eingebettetes DingTalk-Tutorial

Guanhui
Freigeben: 2020-06-22 13:26:20
nach vorne
4743 Leute haben es durchsucht

HTML5-eingebettetes DingTalk-Tutorial

1. Sie müssen DingTalk offizielle js


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

oder npm im Projekt einführen 🎜>Empfohlenes Tutorial: „

HTML

2. Die eigene API von DingTalk erfordert eine Authentifizierung. Stellen Sie daher sicher, dass Sie sich authentifizieren, bevor Sie sie verwenden.

Besorgen Sie sich die Authentifizierung der DingTalk-Schnittstelle

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。
            });
Nach dem Login kopieren

3 Nach der Authentifizierung können Sie die DingTalk-API im Projekt verwenden, aber wenn Sie die DingTalk-API aufrufen, muss sie in dd.ready ausgeführt werden, andernfalls tritt ein Fehler auf gemeldet werden

  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))
       }
      })
 })
Nach dem Login kopieren


PS: Wenn Sie die DingTalk-API global verwenden, können Sie auf der app.vue-Seite aufgerufen werden, Sie können auch

aufrufen

in main.js. Verwandte Tutorials: „
CSS-Tutorial

Das obige ist der detaillierte Inhalt vonHTML5-eingebettetes DingTalk-Tutorial. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:jb51.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage