【dingding】钉钉应用开发总结

已于 2023-07-13 23:02:44 修改
阅读量870 收藏 1
点赞数
分类专栏： dingding 文章标签： 钉钉 数学建模 servlet
于 2023-05-31 21:27:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/angela_zhaoBei/article/details/130977456
版权

对接钉钉应用的开发过程中遇到的问题

1、在header里放入钉钉监控中心代码块

 <script>
    var isDingtalk = navigator && /DingTalk/.test(navigator.userAgent);
    var isProductEnv = window &&window.location &&window.location.host 
        && window.location.host.indexOf('127.0.0.1')===-1
        && window.location.host.indexOf('localhost')===-1
        && window.location.host.indexOf('192.168.')===-1
        // 如果有其它测试域名，请一起排掉，减少测试环境对生产环境监控的干扰
    if (isProductEnv) {    !(function(c,i,e,b){var h=i.createElement("script");
    var f=i.getElementsByTagName("script")[0];
    h.type="text/javascript";
    h.crossorigin=true;
    h.onload=function(){c[b]||(c[b]=new c.wpkReporter({bid:"dta_2_118828"}));
    c[b].installAll()};
    f.parentNode.insertBefore(h,f);
    h.src=e})(window,document,"https://g.alicdn.com/woodpeckerx/jssdk??wpkReporter.js","__wpk");
    }</script>
    <script type="text/javascript">
      ; (function () { 
        if (sessionStorage.getItem('eruda') !== 'true') return;
        var src = 'https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js';
        document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
        document.write('<scr' + 'ipt>var vConsole = new VConsole();</scr' + 'ipt>');
  
      })();
    </script>

2、vue开发install  钉钉dingtalk-jsapi

npm install dingtalk-jsapi --save

在需要的地方引入

 import*asddfrom'dingtalk-jsapi';

3、在APP.VUE中添加鉴权


<script>
import * as dd from 'dingtalk-jsapi'
import api from './api/dd'
export default {
  created(){
    this.getAuth()
  },
  watch:{
    $route(to,from){
      // console.log(from.path) // 从哪来
      // console.log(to.path) // 到哪去
      this.getAuth()
    }
},
  methods: {
    getAuth(){
      let params = {
        url: 'http://10.xx.xx.xx/meal/', // 这个地址要与网站访问地址保持一致
        appTypeEnum: 'MEAL_ORDER'
      }
      api.queryAuthSign(params).then((res) => {
          dd.config({
              agentId: res.data.data.agentId, // 必填，微应用ID
              corpId: res.data.data.corpId,//必填，企业ID
              timeStamp: res.data.data.timeStamp, // 必填，生成签名的时间戳
              nonceStr: res.data.data.nonceStr, // 必填，自定义固定字符串。
              signature: res.data.data.signature, // 必填，签名
              type:0,   //选填。0表示微应用的jsapi,1表示服务窗的jsapi；不填默认为0。该参数从dingtalk.js的0.8.3版本开始支持
              jsApiList : [
                  'biz.util.uploadAttachment', // 上传附件到钉盘/从钉盘选择文件
                  'biz.cspace.preview', // 图片预览
              ] // 必填，需要使用的jsapi列表，注意：不要带dd。
          });
          dd.error(function (err) {
              alert('dd error: ' + JSON.stringify(err));
              console.log('dd error: ' + JSON.stringify(err));
          })//该方法必须带上，用来捕获鉴权出现的异常信息，否则不方便排查出现的问题
      })

}
  },
}
</script>

4、钉钉应用免登陆的实现

<script>
import axios from "axios";
import { corpidLogin, isComToken } from "@/api/login";
import Cookies from "js-cookie";
import { getToken, setToken, removeToken } from '@/utils/auth'
import { encrypt, decrypt } from "@/utils/jsencrypt";
import * as dd from "dingtalk-jsapi"; // 此方式为整体加载，也可按需进行加载
export default {
  render: function(h) {
    return h(); // avoid warning message
  },

  mutations: {
    SET_TOKEN: (state, token) => {
      state.token = token
    },
  },

  name: "dingLogin",

  data() {
    return {
      code: "",
      corpid: "", //钉钉企业id
      channel: "", //钉钉应用渠道
      pcLogin: "", //是否pc登陆
      tokenValue: "",
      dingLogin: "" //判断是否是pc登录 TRUE 为钉钉登录
    };
  },

  created() {
    let _this = this;
    let urlParam = window.location.href; //获取当前url
    let paramData = urlParam.split("?")[1];
    let getcs = new URLSearchParams("?" + paramData); //将参数放在URLSearchParams函数中
    console.log('getcs',getcs)
    _this.channel = getcs.get("channel");
    _this.corpid = getcs.get("corpid");
    _this.pcLogin = getcs.get("pcLogin");
    _this.dingLogin = getcs.get("dingLogin");
    _this.tokenValue = Cookies.get("Admin-Token");
    if(_this.tokenValue == 'undefined' || _this.tokenValue == undefined){
      _this.tokenValue = ''
    }
    Cookies.set("dingLogin", _this.dingLogin, { expires: 30 });

    let encodeUrl = encodeURIComponent(urlParam)
    let url2 = 'http://auth.dingtalk.com/login?redirectUri=' + encodeUrl
    let encodeUrl2 = encodeURIComponent(url2)
    let url3 = 'https://login.dingtalk.com/oauth2/auth?response_type=code&client_id=dingwa4tibze6jwz7mgv&scope=openid&state=dddd&redirect_uri=' + encodeUrl2
    // window.location.href = url3;
    if (_this.dingLogin == 'true') {
      axios
        .get(
          "https://devtest.cloudjoys.com/ding/login/tokenWhetherBelongCorp?token=" +
            _this.tokenValue + '&corpId=' +  _this.corpid + '&channel=' + _this.channel
        )
        .then(res => {
          if (res.data.data === false || res.data.data == false) { //判断是否是当前组织的token
              dd.runtime.permission.requestAuthCode({
              corpId: _this.corpid,
              onSuccess: function(info) {
                _this.code = info.code; // 通过该免登授权码可以获取用户身份
                // alert("code",info.code)

                // _this.getCorpidLogin();
                corpidLogin(info.code, _this.corpid, _this.channel, _this.pcLogin).then(
                  response => {
                    // alert('corpidLogin+'+JSON.stringify(response))
                    _this.tokenValue =response.data + '';
                    localStorage.setItem('token', _this.tokenValue)
                    Cookies.set("Admin-Token",_this.tokenValue, { expires: 30 });
                      
                    setToken(_this.tokenValue)
                   
                    // setToken(res.data.token)
                    _this.$router.push({ path: "/index" });
                      // this.$router.push({ path: "/app/apps/walkman" });

                    // setTimeout(function() {
                    // },500)
                  }
                );
              },
              onFail: function(err) {
                alert('fail');
                alert(JSON.stringify(err));
              }
            });
            
          } else {
            console.log('true')
            // _this.$router.push({ path: "/app/apps/walkman" });
            _this.$router.push({ path: "/index" });
          }
        });
    } else {
      console.log('00')
      this.$router.push({ path: "/login" }).catch(() => {});
    }
    // this.getCorpidLogin()
  },

  mounted() {
    // // H5嵌入钉钉
    // dd.config({
    //               corpId:this.corpid,//必填，企业ID
    //               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。
    //             });
    //     //为防止在非钉钉环境下报错做出的if判断
    //   if (dd.env.platform !== "notInDingTalk") {
    //     alert("notInDingTalk",this.corpid);
    //     //进行钉钉登录操作
    //     dd.runtime.permission.requestAuthCode({
    //       corpId: this.corpid,//企业ID，必填
    //       onSuccess: function(result) {
    //       //获取到免登录码，我这边是直接弹出弹窗可以直观看到是否获取到code
    //         alert("result==",result.code);
    //         this.code = result.code;
    //         // axios.get('https://devtest.cloudjoys.com/ding/login?code=' + this.code + '&corpId=' +this.corpid + '&channel=' + this.channel + '&pcLogin=' + this.pcLogin) .then(res => {
    //         //   alert(1)
    //         // })
    //         localStorage.setItem("code", result.code)
    //         corpidLogin(result.code, this.corpid, this.channel, this.pcLogin).then(
    //                 res => {
    //                   console.log("res", res);
    //                   alert('corpidLogincorpidLogincorpidLogin', res)
    //                   this.tokenValue = res.data.data;
    //                   Cookies.set("Admin-Token", this.tokenValue, { expires: 30 });
    //                   console.log( this.tokenValue,'是否有token')
    //                   this.$router.push({ path: "/index" });
    //                     // this.$router.push({ path: "/app/apps/walkman" });

    //                   // setTimeout(function() {
    //                   // },500)
    //                 });
    //         // this.getCorpidLogin();
           
    //         // axios.get('https://devtest.cloudjoys.com/ding/login?code=' + this.code + '&corpId=' +this.corpid + '&channel=' + this.channel + '&pcLogin=' + this.pcLogin) .then(res => {
    //         //   alert(1)
    //         // })
    //       },
    //       onFail: function(err) {
    //         //返回错误信息
    //       }
    //     });
    //   }
  },

  methods: {
    //获取token
    getCorpidLogin() {
      let _this = this;
      _this.code = '3336d54ea4f032dab142ed3b118adc81'
      _this.channel = 'enjoyWelfare'
      _this.corpid = 'dingb574dbd6a141ddc5acaaa37764f94726'
      _this.pcLogin = true

      alert('corpidLogincorpidLogincorpidLogin', _this.code)
      corpidLogin(_this.code, _this.corpid, _this.channel, _this.pcLogin).then(
        res => {
          console.log("res", res);
          // _this.tokenValue = res.data.data;
          _this.tokenValue = 'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl90ZW5hbnRfa2V5IjoiNCIsInVzZXJpZCI6MTUxMjc0NDc1NTcsImxvZ2luX3VzZXJfa2V5IjoiN2VjNDZkOWItNzk0MC00ZWIxLWJkMDctMzI0YzdiNGQ4ZWJmIn0.HrYYLbgl3hH1SpRgWPriY_oZca-aKBHld-JXn6_5RFjEs04ezgTse4WE3M6ZiVl830sEtnovDpM4h7dmapYYFg'
          Cookies.set("Admin-Token", _this.tokenValue, { expires: 30 });
          this.$router.push({ path: "/index" });
        }
      );
    }
  }
};
</script>

遇到的一个坑 在钉钉pc客户端的应用dd.ready()不生效，需要去掉dd.ready(),直接调取dd.runtime.permission.requestAuthCode方法获取免登code码

小墨鱼_z
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Dingding 钉钉工作台企业应用自动登录实例源码，C#.Net，jsapi授权
03-13
本源码为钉钉工作台企业自建应用系统免登录示例，在钉钉工作台，打开内部应用时，可调用dd.config()取得当前用户信息。 修复博文https://blog.csdn.net/u014479921/article/details/80083746所附源代码中access_tocke获取方式，修复时间生成方式。
dingding钉钉接口代码样例.rar
10-08
dingding钉钉接口代码样例,依据代码就能对接钉钉的数据，
钉钉开发笔记（5）android系统中html软键盘的适配
weixin_30268071的博客
02-07 86
最近项目中发现个别Android手机中存在弹出的软键盘会遮挡输入框的现象，最后自己写了一个方法（如下），问题基本解决。 记录下来，防止忘记。有什么不对的地方欢迎指正。O(∩_∩)O 1 //键盘适配 2 console.log(navigator.platform); 3 $('input ,textarea').focus(function() { 4 ...
Vue3调用钉钉api，内嵌H5微应用单点登录对接
最新发布
qq_39196447的博客
03-11 797
钉钉内嵌H5微应用单点登录对接 https://open.dingtalk.com/document/isvapp/obtain-the-userid-of-a-user-by-using-the-log-free 前端需要的代码 1、安装 dingtalk-jsapi npm install dingtalk-jsapi 2、在所需页面引入 import * as dd from 'dingtalk-jsapi'; // 引入钉钉api 3、接收corpId const corpId = route
钉钉E应用入门总结
xustart7720的博客
02-18 7338
前言： 钉钉E应用是一种全新的开发模式，让移动开发者通过简捷的前端语法写出Native级别的性能体验，并支持iOS、安卓、等多端部署。轻量级，容易上手，开发快捷。酷似微信小程序，限制比较多。 一、框架 1、文件结构 与微信小程序一毛一样。 E应用分为app和page两层。app用来描述整体程序，page用来描述各个页面。 1.1、 app 由三个文件组成，必须放在项目的根目录。 app.js...
钉钉H5微应用、微信H5微应用如何去掉缓存
junner443的博客
12-15 1906
继续肝,更改完webpack4配置反复的打包测试、对打包文件进行对比,发到钉钉,手指微微颤动的点击了一下界面,竟然没有触发缓存,连续试了多次,居然都没有触发缓存;我看了看天花板,看了看表,又看了看天花板,又看了看表,瞬间泪如泉涌,表显时间10.31,那一分钟是对我骄傲的惩罚,肝完收工,明天继续肝.看天花板,看了看表,又看了看天花板,又看了看表,瞬间泪如泉涌,表显时间10.31,那一分钟是对我骄傲的惩罚,肝完收工,明天继续肝.灵机一动,有缓存,那就让他缓存,去适应他的缓存就好了,莫急,方案已在来的路上了.
钉钉小程序开发笔记
king6188的博客
06-17 150
参考文章，直接拉到底部查看将图片转换成BASE64，内部讲到的转换工具，支持的文件类型只能是ttf，类型不对自己手动修改下即可使用。
钉钉开放平台-小程序开发实战（钉钉小程序客户端）
西京刀客
06-25 1万+
钉钉（Ding Talk）是阿里巴巴集团打造的企业级智能移动办公平台，是数字经济时代的企业组织协同办公和应用开发平台。 钉钉开放平台具有强大丰富的原生能力，目前已经开放超过2000个API接口，同时为开发者和服务商提供专业的技术培训体系，分享最新功能和开放能力，提供全面的服务支持。...
DingTalk「开发者说」 5分钟开发钉钉应用
钉钉开发者社区
03-07 5297
DingTalk「开发者说」是钉钉开发者最新上线的开发者栏目，联合阿里云ACE团队，分享钉应用开发解决方案、技术更新、实战技巧，致力于成为钉钉与开发者的桥梁与纽带，让更多的钉钉开发者传播技术、提升技能、分享观点。在数字化变革的时代，“云钉一体”“钉钉全面开放”战略之后，希望钉钉技术可以持续激发开发者的创造力，为组织数字化赋能。分享人：石周，钉钉应用开发技术负责人
钉钉开放平台-小程序开发实战（钉钉小程序服务器端）
西京刀客
06-25 6756
钉钉开放了丰富的服务端接口能力，开发者可以借助这些接口能力，实现企业系统与钉钉的集成打通。
钉钉dd.ready中不能调用方法解决，钉钉微应用遇到的坑
卓怡工作室的博客
05-05 3936
钉钉dd.ready中不能调用方法解决 获取微应用免登授权码 官方代码： dd.ready(function() { dd.runtime.permission.requestAuthCode({ corpId: _config.corpId, // 企业id onSuccess: function (info) { code = info.code // 通过该免登授权码可以获取用户身份 }}); });.
使用Java开发连接钉钉应用实现钉钉通知的功能
10-11
使用Java开发连接钉钉应用实现钉钉通知的功能
dingding:[钉钉]用Golang写的快速安装开发SDK
05-25
// 钉钉 AccessToken 管理器 atm := &dingding.DefaultAccessTokenManager{ Id: DingConfig["AppKey"], Name: "access_token", GetRefreshRequestFunc: func() *http.Request { params := url.Values{} params....
阿里钉钉开发jar包
03-02
此jar包用于钉钉开发
钉钉小程序学习笔记
热门推荐
weixin_37502658的博客
02-22 1万+
钉钉的产品自述：http://www.nudiao.com/fangan-info-id-192.html 一、钉钉E应用与微信小程序 二、应用类型 E应用 E应用是一种全新的开发模式，让移动开发者通过简捷的前端语法写出Native级别的性能体验，并支持iOS、安卓、等多端部署 H5微应用 微应用是指用H5方式开发的应用 三、应用开发场景 企业内部开发 企业内部开发的应用无...
linux卸载软件
Tang_Zhe的博客
12-02 1163
查看所有已安装的软件 dpkg --list 支持带*号的模糊查找。如查找名字里包含ding的所有软件 dpkg --list *ding* 删除某个软件，如删除dingding sudo apt-get remove dingding #卸载该软件 sudo apt-get remove –-purge dingding #卸载软件同时删除配置文件 ...
清理C盘的经验
KING_ER的博客
10-14 2150
首先下载和安装文件时就得更改盘符，非C盘即可。对于一些安装后还要安装东西的软件比如QQ音乐、微信等等还得在设置上修改存储地址或缓存地址。还有每次系统更新后都会有大量的更新残留，我们需要使用系统自带的磁盘清理功能，很简单，相信你们会。 1.下载spacesniffer，如果有就打开。选择C盘，等待检索，找出一些自己能判断的多余的文件，比如Cache缓存文件，平时太占内存，一打开某软件，比如钉钉，就会产生新的缓存文件，怎样清理呢？举一个钉钉的例子如下： 第一步：钉钉默认的缓存文件在"C:\\Users\\A
应用系统与钉钉集成案例及操作步骤
01-29 2702
应用系统与阿里钉钉集成涉及到多个步骤，包括：在钉钉平台注册账号，注册微应用，获取密钥，同步用户，推送消息、调用钉钉API接口等多个关键步骤，本案例详细具体展示了如何一步一步完成应用系统和钉钉的集成。
钉钉小程序开发怎么进行文件下载
06-09
钉钉小程序可以通过`dd.downloadFile(Object object)`接口来下载文件，具体步骤如下： 1. 在小程序中引入`dd.js`： ```html <script src="https://g.alicdn.com/dingding/dingtalk-jsapi/2.10.4/dingtalk.open.js"></script> ``` 2. 在小程序中调用`dd.downloadFile()`方法，该方法接收一个Object参数，其中必须包含`url`和`success`字段，示例代码如下： ```javascript dd.downloadFile({ url: 'http://example.com/file.txt', success({ filePath }) { console.log('文件下载成功，路径为：', filePath); }, fail(err) { console.log('文件下载失败：', err); } }); ``` 在调用`dd.downloadFile()`方法时，需要注意以下几点： - `url`为需要下载的文件的URL地址； - `success`为下载成功时的回调函数，其中`filePath`为下载文件在本地的路径； - `fail`为下载失败时的回调函数，其中`err`为错误信息。 需要注意的是，`dd.downloadFile()`方法只能下载同域名下的文件，如果需要下载跨域文件，则需要在服务端进行代理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值