H5嵌入釘釘


1,需要在項目種引入釘釘官方的js

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

或者npm 也可以的

2,釘釘自帶的api,有寫是需要鑒權的,所以在使用之前一定要先鑒權

   獲取釘釘接口的鑒權

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,鑒權以后就可以在項目中使用釘釘的api了,但是在調用釘釘的api的時候一定要在 dd.ready里面執行,不然會報錯

  
 1  dd.ready(()=>{
 2     //獲取地理位置
 3             dd.device.geolocation.get({
 4     targetAccuracy : Number,
 5     coordinate : Number,
 6     withReGeocode : Boolean,
 7     useCache:true, //默認是true,如果需要頻繁獲取地理位置,請設置false
 8      onSuccess : (result) =>{
 9       alert('succe: ' + JSON.stringify(result))
10                   
11       },
13      onFail : (err) => {
14       alert('fail: ' + JSON.stringify(err))
15       }
16      })
17 })

ps:如果是全局使用釘釘的api,可以在app.vue頁面種調用,也可以在main.js種調用

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM