HTML5 埋め込み DingTalk チュートリアル-htmlチュートリアル-php.cn

HTML5 埋め込み DingTalk チュートリアル

Guanhui

リリース： 2020-06-22 13:26:20

転載

4763 人が閲覧しました

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 : [ &#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。
            });

ログイン後にコピー

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(&#39;succe: &#39; + JSON.stringify(result))
                   
       },
      onFail : (err) => {
       alert(&#39;fail: &#39; + JSON.stringify(err))
       }
      })
 })

ログイン後にコピー

PS: DingTalk の API をグローバルに使用する場合は、app.vue ページで呼び出すこともできます。 main.js で