Html5嵌入钉钉的实现示例


Posted in HTML / CSS onJune 04, 2020

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嵌入钉钉内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

HTML / CSS 相关文章推荐
css3.0新属性效果在ie下的解决方案
May 10 HTML / CSS
CSS3实现圆角、阴影、透明效果并兼容各大浏览器
Aug 08 HTML / CSS
CSS+jQuery实现的在线答题功能
Apr 25 HTML / CSS
html5 canvas绘制放射性渐变色效果
Jan 04 HTML / CSS
html5的画布canvas——画出弧线、旋转的图形实例代码+效果图
Jun 09 HTML / CSS
Html5实现二维码扫描并解析
Jan 20 HTML / CSS
HTML5 canvas基本绘图之文字渲染
Jun 27 HTML / CSS
基于zepto的插件之移动端无缝向上滚动并上下触摸滑动实例代码
Dec 20 HTML / CSS
详解canvas多边形(蜘蛛图)的画法示例
Jan 29 HTML / CSS
canvas压缩图片以及卡片制作的方法示例
Dec 04 HTML / CSS
Html5导航栏吸顶方案原理与对比实现
Jun 10 HTML / CSS
HTML5基于flash实现播放RTMP协议视频的示例代码
Dec 04 HTML / CSS
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
Jun 04 #HTML / CSS
h5页面唤起app如果没安装就跳转下载(iOS和Android)
Jun 03 #HTML / CSS
html5视频自动横过来自适应页面且点击播放功能的实现
Jun 03 #HTML / CSS
使用Html5 Stream开发实时监控系统
Jun 02 #HTML / CSS
Html5 canvas画图白板踩坑
Jun 01 #HTML / CSS
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
May 28 #HTML / CSS
HTML5实现直播间评论滚动效果的代码
May 27 #HTML / CSS
You might like
收音机鉴频器对声音的影响和频偏分析
2021/03/02 无线电
用PHP书写安全的脚本代码
2012/02/05 PHP
php curl上传、下载、https登陆实现代码
2017/07/23 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
setTimeout与setInterval在不同浏览器下的差异
2010/01/24 Javascript
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
2011/04/16 Javascript
Underscore.js 的模板功能介绍与应用
2012/12/24 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
2014/06/05 Javascript
javascript实现链接单选效果的方法
2015/05/13 Javascript
JavaScript学习笔记整理之引用类型
2016/01/22 Javascript
JS简单实现无缝滚动效果实例
2016/08/24 Javascript
javascript 将共享属性迁移到原型中去的实现方法
2016/08/31 Javascript
AngularJS的ng Http Request与response格式转换方法
2016/11/07 Javascript
详解Angular 中 ngOnInit 和 constructor 使用场景
2017/06/22 Javascript
vue与TypeScript集成配置最简教程(推荐)
2017/10/17 Javascript
Koa2 之文件上传下载的示例代码
2018/03/29 Javascript
jquery实现的简单轮播图功能【适合新手】
2018/08/17 jQuery
微信小程序登录数据解密及状态维持实例详解
2019/05/06 Javascript
pyqt4教程之widget使用示例分享
2014/03/07 Python
仅利用30行Python代码来展示X算法
2015/04/01 Python
简单介绍Python的Django框架加载模版的方式
2015/07/20 Python
Python迭代和迭代器详解
2016/11/10 Python
CentOS 6.5下安装Python 3.5.2(与Python2并存)
2017/06/05 Python
python实现八大排序算法(2)
2017/09/14 Python
Python实现微信中找回好友、群聊用户撤回的消息功能示例
2019/08/23 Python
python 读txt文件,按‘,’分割每行数据操作
2020/07/05 Python
记录一下scrapy中settings的一些配置小结
2020/09/28 Python
PHP如何自定义函数
2016/09/16 面试题
白酒业务员岗位职责
2013/12/27 职场文书
七年级数学教学反思
2014/01/22 职场文书
毕业自我鉴定总结
2014/03/24 职场文书
马智宇结婚主持词
2014/04/01 职场文书
党的群众路线个人对照检查材料
2014/09/23 职场文书
超市员工管理制度
2015/08/06 职场文书
浅谈spring boot使用thymeleaf版本的问题
2021/08/04 Java/Android
Windows下载并安装MySQL8.0.x 版本的完整教程
2022/04/10 MySQL