钉钉移动端和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文件中导入

<script src="https://g.alicdn.com/dingding/dingtalk-jsapi/2.0.57/dingtalk.open.js"></script>

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>

 

Logo

前往低代码交流专区

更多推荐