• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Html5嵌入钉钉的实现示例

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

    上一篇:浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
    下一篇:使用SVG实现提示框功能的示例代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    Html5嵌入钉钉的实现示例 Html5,嵌入,钉钉,的,实现,