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制作3D样式按钮实现代码
Mar 18 HTML / CSS
CSS3 box-sizing属性详解
Nov 15 HTML / CSS
CSS实现聊天气泡效果
Apr 26 HTML / CSS
详解Html5原生拖拽操作
Jan 12 HTML / CSS
html5-Canvas可以在web中绘制各种图形
Dec 26 HTML / CSS
Html5实现iPhone开机界面示例代码
Jun 30 HTML / CSS
用HTML5制作视频拼图的教程
May 13 HTML / CSS
Html5实现二维码扫描并解析
Jan 20 HTML / CSS
HTML5中的音频和视频媒体播放元素小结
Jan 29 HTML / CSS
基于html5绘制圆形多角图案
Apr 21 HTML / CSS
H5 meta小结(前端必看篇)
Aug 24 HTML / CSS
H5页面适配iPhoneX(就是那么简单)
Dec 02 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
php json中文编码为null的解决办法
2016/12/14 PHP
php出租房数据管理及搜索页面
2017/05/23 PHP
什么是json和jsonp,jQuery json实例详详细说明
2012/12/11 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
2016/06/01 Javascript
Javascript中for循环语句的几种写法总结对比
2017/01/23 Javascript
浅谈Node.js轻量级Web框架Express4.x使用指南
2017/05/03 Javascript
浅谈 Vue v-model指令的实现原理
2017/06/08 Javascript
mpvue写一个CPASS小程序的示例
2018/09/04 Javascript
在vue中实现点击选择框阻止弹出层消失的方法
2018/09/15 Javascript
JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例
2019/01/29 Javascript
JavaScript canvas动画实现时钟效果
2020/02/10 Javascript
javascript实现的图片预览和上传功能示例【兼容IE 9】
2020/05/01 Javascript
Node.js API详解之 dgram模块用法实例分析
2020/06/05 Javascript
基于VSCode调试网页JavaScript代码过程详解
2020/07/20 Javascript
js实现盒子拖拽动画效果
2020/08/09 Javascript
openlayers实现地图测距测面
2020/09/25 Javascript
JavaScript仿京东轮播图效果
2021/02/25 Javascript
ssh批量登录并执行命令的python实现代码
2012/05/25 Python
用Python实现一个简单的能够发送带附件的邮件程序的教程
2015/04/08 Python
使用python实现个性化词云的方法
2017/06/16 Python
python 划分数据集为训练集和测试集的方法
2018/12/11 Python
Python学习笔记之Zip和Enumerate用法实例分析
2019/08/14 Python
python 函数的缺省参数使用注意事项分析
2019/09/17 Python
django在开发中取消外键约束的实现
2020/05/20 Python
Pymysql实现往表中插入数据过程解析
2020/06/02 Python
Python自动化之UnitTest框架实战记录
2020/09/08 Python
结合CSS3的布局新特征谈谈常见布局方法
2016/01/22 HTML / CSS
Maje德国官网:法国女性成衣品牌
2017/02/10 全球购物
法国一家芭蕾舞鞋公司:Repetto
2018/11/12 全球购物
创先争优承诺书范文
2014/03/31 职场文书
活动总结书
2014/05/08 职场文书
2014年会计主管工作总结
2014/12/20 职场文书
中学生社区服务活动报告
2015/02/05 职场文书
银行保安拾金不昧表扬稿
2015/05/05 职场文书
2019年度政务公开考核工作总结模板
2019/11/11 职场文书
原生JS中应该禁止出现的写法
2021/05/05 Javascript