钉钉H5微应用获取code

最新推荐文章于 2025-07-16 21:08:14 发布

朱@

最新推荐文章于 2025-07-16 21:08:14 发布

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：钉钉小程序

本文链接：https://blog.csdn.net/weixin_45685544/article/details/111981294

钉钉小程序专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了如何通过npm安装dingtalk-jsapi，并在项目中创建和使用getCode.js来获取钉钉的免登授权码。步骤包括安装依赖、创建文件并实现钉钉权限请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、第一步：安装npm

npm install dingtalk-jsapi --save

一、第一步：安装npm

npm install dingtalk-jsapi --save

二、第二步：在项目中创建一个文件getCode.js

import * as dd from 'dingtalk-jsapi';
export function getCode(callback) {
  let corpId = 'dingc8f03903b3d64ce84ac5d6980864d335';
  if (dd.env.platform !== "notInDingTalk") {
    dd.ready(() => {
      //使用SDK 获取免登授权码
      dd.runtime.permission.requestAuthCode({
        corpId: corpId,
        onSuccess: (info) => {
          // 根据钉钉提供的api 获得code后,再次调用这个callback方法
          // 由于是钉钉获取code是异步操作,不知道什么时候执行完毕
          // callback 函数会等他执行完毕后在自己调用自己
          callback(info.code)
        },
        onFail: (err) => {
          alert('fail');
          alert(JSON.stringify(err));
        },
      });
    });
  }
}

三、第三步：在页面中引入

<template>
  <div class="container wrap">
  </div>
</template>
<script>
import { getCode } from "@/utils/getCode.js";
export default {
  name: "loading",
  data() {
    return { 
      ddCode: "",
    };
  },
  activated() {
    //获取钉钉code码
    this.getddCode();
  },
  methods: {
    //获取钉钉code
    getddCode() {
      getCode(code => {
        this.ddCode = code;
        localStorage.setItem("PCode", code);
        // console.log(code, "code");
        // 获取用户验证的token
        this.loadGetAccessToken();
      });
    },
  }
};
</script>