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里面執行,不然會報錯
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:如果是全局使用釘釘的api,可以在app.vue頁面種調用,也可以在main.js種調用
到此這篇關于Html5嵌入釘釘的實現示例的文章就介紹到這了,更多相關Html5嵌入釘釘內容請搜索武林網以前的文章或繼續瀏覽下面的相關文章,希望大家以后多多支持武林網!
新聞熱點
疑難解答