Html5嵌入钉钉的实现示例

1,需要在项目种引入钉钉官方的js

<script type="text/javascript" src="http://g.alicdn.com/dingding/dingtalk-jsapi/2.3.0/dingtal在职研究生是什么k.open.js" ></script>

或者npm 也可以的

2，钉钉自带的api，有写是需要鉴权的，所以在使用之前一定要先鉴权

获取钉钉接口的鉴权

dd.confi三剑楼随笔g({              agentid:agentid, // 必填，微应用id              corpid:corpid,//必填，企业id              timestamp:timestamp, // 必填，生成签名的时间戳              noncestr: noncestr, // 必填，生成签名的随机串              signature:signature, // 必填，签名              type:0,              jsapilist : [ 'runtime.info', 'biz.contact.choo','biz.contact.choomobilecontacts',        关于高考        '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.st电脑硬件学习oprecord','device.audio.play','device.audio.pau','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,      ucache:true, //默认是true，如果需要频繁获取地理位置，请设置fal       onsuccess : (result) =>{        alert('succe: ' + json.stringify(result))                          },      onfail : (err) => {       alert('fail: ' + json.stringify(err))       }      }) })

ps:如果是全局使用钉钉的api，可以在app.vue页面种调用，也可以在main.js种调用

到此这篇关于html5嵌入钉钉的实现示例的文章就介绍到这了,更多相关html5嵌入钉钉内容请搜索www.887551.com以前的文章或继续浏览下面的相关文章，希望大家以后多多支持www.887551.com！