钉钉移动端和PC免登

最新推荐文章于 2025-03-30 22:20:49 发布

smile54533

最新推荐文章于 2025-03-30 22:20:49 发布

阅读量4.2k

点赞数 3

文章标签：钉钉免登钉钉移动端钉钉pc端

本文链接：https://blog.youkuaiyun.com/smile54533/article/details/101445871

版权

钉钉移动端和PC免登设置获取code，并发送给后台

一、移动端

移动端需要在 app.vue里面进行全局设置

1.写个方法抱住它然后在created里面调用这个方法

  methods:{
    authSerivce: function() {
      let that = this;
      dd.ready(function() {
        dd.runtime.permission.requestAuthCode({
          corpId: 'CorpId', //这个是CorpId，通过这id进行页面的绑定
          onSuccess: function(result) {
            console.log(result)
            localStorage.setItem("Code", result.code);//把获取到的code保存下来,方便请求是调用
            // that.wxUserData();
          },
          onFail: function(err) {
            if (err.status == 101) {
              Dialog.alert({
                message: "请联系管理员添加权限"
              }).then(() => {
                // on close
              })
            }
          }
        })
      })
    }
  },
  created() {
    this.authSerivce()
  }

2.创建完应用后要把应用的 AppKey：和 AppSecret：发送给后台

3.再安装 npm i dingtalk-auth --save 可视化界面

4.安装依赖 npm install vconsole

5.再把这两个丢到main.js里面 import VConsole from "vconsole";
const vConsole = new VConsole();

6.在index.html文件中导入

7.创建好的应用 PC端首页地址和应用首页地址要和config index页面的ip地址相对应（这样基本就OK了）

二、PC端

1.不多说上代码（和移动端放置的位置一样）其实是和移动端一样就是app.vue里面的代码不一样，还有就是index.html里面引入的链接不一样。

methods:{
    authSerivce: function() {
      let that = this;
        DingTalkPC.runtime.permission.requestAuthCode({
            corpId: '', //corpId和移动端一样
            onSuccess: function (result) {
            localStorage.setItem("Code", result.code);//保存
          },
           onFail: function (err) {
            ElementUI.Message({
            message: err.errorMessage,
            type: "error"
          })
          console.log(err, "222222222222222222222");
          }
        })
    },
  },
  created() {
    this.authSerivce()
  }

3. 在index.html文件中导入<script src="https://g.alicdn.com/dingding/dingtalk-jsapi/2.0.57/dingtalk.open.js"></script>