HTML5 embedded DingTalk tutorial-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

HTML5 embedded DingTalk tutorial

Guanhui

Jun 22, 2020 pm 01:26 PM

html5 Embed DingTalk

HTML5 embedded DingTalk tutorial

1, you need to introduce DingTalk official js into the project

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

Copy after login

or npm is also acceptable

Recommended tutorial: "HTML"

2. DingTalk's own API requires authentication, so you must authenticate before using it. Right

Get the authentication of DingTalk interface

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。
            });

Copy after login

3. After authentication, you can use DingTalk API in the project, but when calling When using DingTalk’s API, it must be executed in dd.ready, otherwise an error will be reported

  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))
       }
      })
 })

Copy after login

PS: If you use DingTalk’s API globally, you can Called on the app.vue page, you can also call it on main.js

Related tutorials: "CSS Tutorial"

The above is the detailed content of HTML5 embedded DingTalk tutorial. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn