Tutoriel DingTalk intégré HTML5

1. Vous devez introduire le js officiel de DingTalk

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

ou npm dans le projet. 🎜>Tutoriel recommandé : "

HTML

"

2 La propre API de DingTalk nécessite une authentification, alors assurez-vous de vous authentifier avant de l'utiliser.

Obtenez l'authentification. de l'interface DingTalk

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. Après l'authentification, vous pouvez utiliser l'API DingTalk dans le projet, mais lors de l'appel de l'API DingTalk, vous devez l'exécuter dans dd.ready, sinon une erreur se produira. être signalé

  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 : Si vous utilisez l'API DingTalk globalement, vous pouvez Il peut être appelé sur la page app.vue, ou il peut être appelé sur le main.js

Tutoriel associé : "

Tutoriel CSS

"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!