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 border-image使用说明
Jun 23 HTML / CSS
css3 background属性调整增强介绍
Dec 18 HTML / CSS
CSS3制作日历实现代码
Jan 21 HTML / CSS
35款精致的 CSS3 和 HTML5 网页模板 推荐
Aug 03 HTML / CSS
HTML5时代CSS设置漂亮字体取代图片
Sep 04 HTML / CSS
CSS3实现swap交换动画
Jan 19 HTML / CSS
详解CSS3中nth-child与nth-of-type的区别
Jan 05 HTML / CSS
浅谈CSS3特性查询(Feature Query: @supports)功能简介
Jul 31 HTML / CSS
HTML5本地数据库基础操作详解
Apr 26 HTML / CSS
基于HTML5陀螺仪实现ofo首页眼睛移动效果的示例
Jul 31 HTML / CSS
amaze ui 的使用详细教程
Aug 19 HTML / CSS
CSS3鼠标悬浮过渡缩放效果
Apr 17 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
用js进行url编码后用php反解以及用php实现js的escape功能函数总结
2010/02/08 PHP
Laravel中如何增加自定义全局函数详解
2017/05/09 PHP
JS集成fckeditor及判断内容是否为空的方法
2016/05/27 Javascript
仿百度换肤功能的简单实例代码
2016/07/11 Javascript
AngularJS下对数组的对比分析
2016/08/24 Javascript
DropDownList实现可输入可选择(两种版本可选)
2016/12/07 Javascript
浅谈js函数三种定义方式 &amp; 四种调用方式 &amp; 调用顺序
2017/02/19 Javascript
jQuery md5加密插件jQuery.md5.js用法示例
2018/08/24 jQuery
Vue 实现前进刷新后退不刷新的效果
2019/06/14 Javascript
在Vue 中实现循环渲染多个相同echarts图表
2020/07/20 Javascript
浅谈实现在线预览PDF的几种解决办法
2020/08/10 Javascript
[08:54]《一刀刀一天》之DOTA全时刻18:十九支奔赴西雅图队伍全部出炉
2014/06/04 DOTA
python字符串对其居中显示的方法
2015/07/11 Python
Python中map,reduce,filter和sorted函数的使用方法
2015/08/17 Python
Python学习_几种存取xls/xlsx文件的方法总结
2018/05/03 Python
Django读取Mysql数据并显示在前端的实例
2018/05/27 Python
python脚本监控Tomcat服务器的方法
2018/07/06 Python
Python异常处理操作实例详解
2018/08/28 Python
对python操作kafka写入json数据的简单demo分享
2018/12/27 Python
对Django外键关系的描述
2019/07/26 Python
Python中输入和输出(打印)数据实例方法
2019/10/13 Python
Pytorch之Variable的用法
2019/12/31 Python
使用python处理题库表格并转化为word形式的实现
2020/04/14 Python
Sentry错误日志监控使用方法解析
2020/11/12 Python
python温度转换华氏温度实现代码
2020/12/06 Python
台湾时尚彩瞳专门店:imeime
2019/08/16 全球购物
Michael Kors澳大利亚官网:世界知名的奢侈饰品和成衣设计师
2020/02/13 全球购物
计算机专业毕业生自荐信
2013/12/31 职场文书
国家助学金获奖感言
2014/01/31 职场文书
公司联欢晚会主持词
2014/03/22 职场文书
体育口号大全
2014/06/18 职场文书
会计系毕业求职信
2014/08/07 职场文书
2014院党委领导班子及其成员群众路线对照检查材料思想汇报
2014/10/04 职场文书
圣诞节开幕词
2015/01/29 职场文书
自己搭建resnet18网络并加载torchvision自带权重的操作
2021/05/13 Python
python图像处理 PIL Image操作实例
2022/04/09 Python