HTML5 임베디드 DingTalk 튜토리얼

1. 프로젝트에 DingTalk 공식 js를 도입해야 합니다

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

또는 npm 추천 튜토리얼: "

HTML

"

2.DingTalk 자체 API가 필요하므로 인증이 필요합니다. 사용하기 전에

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. 인증 후 프로젝트에서 DingTalk API를 사용할 수 있지만, DingTalk 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: DingTalk의 API를 전역적으로 사용하는 경우 app.vue 페이지에서 호출하거나, app.vue 페이지에서 호출할 수 있습니다

.

관련 튜토리얼: "

CSS Tutorial

"

위 내용은 HTML5 임베디드 DingTalk 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!