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 相关文章推荐
详解CSS样式中的 !important * _ 符号
Mar 09 HTML / CSS
35款精致的 CSS3 和 HTML5 网页模板 推荐
Aug 03 HTML / CSS
CSS3感应鼠标的背景闪烁和图片缩放动画效果
May 14 HTML / CSS
CSS3提交意见输入框样式代码
Oct 30 HTML / CSS
HTML5+CSS3实例 :canvas 模拟实现电子彩票刮刮乐代码
Dec 30 HTML / CSS
HTML5+CSS3网页加载进度条的实现,下载进度条的代码实例
Dec 30 HTML / CSS
CSS3制作酷炫的条纹背景
Nov 09 HTML / CSS
关于 HTML5 的七个传说小结
Apr 12 HTML / CSS
HTML5制作酷炫音频播放器插件图文教程
Dec 30 HTML / CSS
Html5自定义字体解决方法
Oct 09 HTML / CSS
video实现有声音自动播放的实现方法
May 20 HTML / CSS
HTML5播放实现rtmp流直播
Jun 16 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设计模式 Interpreter(解释器模式)
2011/06/26 PHP
关于PHP二进制流 逐bit的低位在前算法(详解)
2013/06/13 PHP
php求两个目录的相对路径示例(php获取相对路径)
2014/03/27 PHP
php中curl、fsocket、file_get_content三个函数的使用比较
2014/05/09 PHP
php登录超时检测功能实例详解
2017/03/21 PHP
PHP简单获取上月、本月、近15天、近30天的方法示例
2017/07/03 PHP
jQuery Tools Dateinput使用介绍
2012/07/14 Javascript
实例分析js和C#中使用正则表达式匹配a标签
2014/11/26 Javascript
JS简单实现动画弹出层效果
2015/05/05 Javascript
超精准的javascript验证身份证号的具体实现方法
2015/11/18 Javascript
使用jQuery实现动态添加小广告
2017/07/11 jQuery
使用Fullpage插件快速开发整屏翻页的页面
2017/09/13 Javascript
AngularJS模态框模板ngDialog的使用详解
2018/05/11 Javascript
解析vue data不可以使用箭头函数问题
2018/07/03 Javascript
[05:08]顺网杯ISS-DOTA2赛歌 少女偶像Lunar青春演绎
2013/12/05 DOTA
python使用cookie库操保存cookie详解
2014/03/03 Python
详尽讲述用Python的Django框架测试驱动开发的教程
2015/04/22 Python
django通过ajax发起请求返回JSON格式数据的方法
2015/06/04 Python
python实现学员管理系统
2019/02/26 Python
对python中基于tcp协议的通信(数据传输)实例讲解
2019/07/22 Python
python语言线程标准库threading.local解读总结
2019/11/10 Python
Python 元组拆包示例(Tuple Unpacking)
2019/12/24 Python
python3获取文件中url内容并下载代码实例
2019/12/27 Python
零基础学Python之前需要学c语言吗
2020/07/21 Python
在python3.9下如何安装scrapy的方法
2021/02/03 Python
pytorch Dataset,DataLoader产生自定义的训练数据案例
2021/03/03 Python
管理专员自荐信
2014/01/26 职场文书
业务员的岗位职责
2014/03/15 职场文书
祖国在我心中的演讲稿
2014/05/04 职场文书
护理专业毕业生自荐书
2014/05/24 职场文书
毕业实习计划书
2015/01/16 职场文书
运动员代表致辞
2015/07/29 职场文书
奠基仪式致辞
2015/07/30 职场文书
导游词之无锡梅园
2019/11/28 职场文书
vue中三级导航的菜单权限控制
2021/03/31 Vue.js
python办公自动化之excel的操作
2021/05/23 Python