Html5嵌入钉钉的实现示例
2020-06-20 11:47
761 查看
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嵌入钉钉内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!
相关文章推荐
- JavaScript+HTML5 canvas实现放大镜效果完整示例
- javascript实现移动端 HTML5 图片上传预览和压缩功能示例
- HTML5 3D书本翻页动画的实现示例
- JS+HTML5 Canvas实现简单的写字板功能示例
- php 使用html5 XHR2实现上传文件与进度显示功能示例
- 基于HTML5 Bootstrap搭建的后台模板,分页,模糊查询已经全部JS实现,无需编码,嵌入数据即可开发,内置8款皮肤,欧美风格,非常好用!
- 纯JavaScript实现HTML5 Canvas六种特效滤镜示例
- WPF/E 实现页面嵌入播放器示例
- Html5实现iPhone开机界面示例代码
- HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
- HTML5 Canvas实现放大镜效果示例
- html5实现多文件的上传示例代码
- Ajax 和 一般处理程序 实现图片的上传 : 示例(HTML5)
- JS+html5实现异步上传图片显示上传文件进度条功能示例
- html5实现多文件的上传示例代码
- JS+html5 canvas实现的简单绘制折线图效果示例
- html5实现多文件的上传示例代码
- 原生JS+HTML5实现的可调节写字板功能示例
- js+HTML5 canvas 实现简单的加载条(进度条)功能示例
- 非html5实现js版弹球游戏示例代码