企业微信jdk 授权 记录

1、npm install @wecom/jssdk

2、index.html 引入

javascript 复制代码
<script src="https://wwcdn.weixin.qq.com/node/open/js/wecom-jssdk-2.0.2.js"></script>

3、创建js import * as ww from "@wecom/jssdk";

javascript 复制代码
/**
 * 获取企业微信jdk局方法--------------------------1
 */
import { accessConfig, accessAgentConfig } from "../api/sdk/index";
import * as ww from "@wecom/jssdk";
/**
 *** 作者: Lenovo-【Lindon】
 *** 文件名称: weChat
 *** 文件创建日期: 2024/4/30
 ***
 */
// 注册企业微信应用信息
// 注册企业微信应用信息
export async function registerWeChat() {
  // ✅ 前置处理:确保URL处理一致
  const getCleanUrl = () => window.location.href.split('#')[0];

  // ✅ 企业签名(同步改造)
  const getConfigSignature = async () => {
    try {
      console.log('[DEBUG] 开始获取企业签名');
      const res = await accessConfig({ path: getCleanUrl() });
      if (res?.code !== 200) throw new Error('企业签名接口异常');
      console.log('[DEBUG] 企业签名数据:', res.data);
      return res.data; // ✅ 直接返回后端结构体
    } catch (error) {
      console.error('[ERROR] 企业签名失败:', error);
      throw error; // 必须抛出以中断流程
    }
  };

  // ✅ 应用签名(保持原有正确结构)
  const getAgentConfigSignature = async (urlFromSDK) => {
    try {
      console.log('[DEBUG] 开始获取应用签名,SDK传入URL:', urlFromSDK);
      const pureUrl = new URL(urlFromSDK.split('#')[0]).href; // ✅ 使用SDK提供的URL
      const res = await accessAgentConfig({ path: pureUrl });
      if (res?.code !== 200) throw new Error('应用签名接口异常');
      console.log('[DEBUG] 应用签名数据:', res.data);
      return res.data;
    } catch (error) {
      console.error('[ERROR] 应用签名失败:', error);
      throw error;
    }
  };

  // ✅ 注册时开启调试模式
  ww.register({
    corpId: "wwf823be6e18d7191f",
    agentId: 1000003,
    jsApiList: ["getCurExternalContact","scanQRCode"],
    getConfigSignature,
    getAgentConfigSignature,
    debug: true, // ✅ 关键!开启调试模式
    onConfigSuccess(res) {
      console.log('[SUCCESS] 配置成功:', res);
    },
    onConfigFail(res) {
      console.error('[FAIL] 配置失败:', res);
      alert('SDK配置失败,请检查控制台');
    }
  });
}


//后续在哪个页面如果需要使用到sdk,都需要先注册registerWeChat,然后再调用对应的sdk方法

4、将方法引入到 需要使用的页面 中 然后调用 registerWeChat() 进行授权 可以在 加载时Mounted 去授权

5、使用示例

javascript 复制代码
点击事件

function fafacc() {
  ww.getCurExternalContact({
    success(res) {
      console.log('获取外部联系人id成功', res)
    },
    fail(res) {
      console.log('获取外部联系人id失败', res)
    },
  })
}
相关推荐
北漂燕郊杨哥4 天前
企业微信机器人 ↔ 扣子智能体 桥接服务程序WeCom-Coze Bridge
golang·机器人·企业微信·扣子·扣子智能体
正在走向自律4 天前
企业微信与DeepSeek大模型深度融合技术实践——智能消息、小程序及多媒体交互全方案
企业微信·小程序开发·deepseek大模型·多模态交互·智能消息·办公智能化
梦想的旅途24 天前
JavaScript 实现企业微信消息自动发送的技术实践
运维·javascript·自动化·企业微信
wechatbot8884 天前
企业微信 AI 自动化运营:RPA 与 API 方案效果实测
人工智能·微信·自动化·企业微信·rpa
金融Tech趋势派5 天前
金融行业如何用企业微信大圆提升客户服务效率?
人工智能·企业微信
王者鳜錸6 天前
企业解决方案二十一-企微消息接收后提炼关键信息并转发方案实现
企业微信·消息接收·消息提炼转发·消息分析·自动化作业
chenyulin45456 天前
企业微信API二次开发:万级并发回调下的极致幂等性设计与防重放架构实战
大数据·人工智能·安全·架构·企业微信
梦想的旅途26 天前
利用 API 实现企业微信消息自动化推送
运维·自动化·企业微信
小懿互联集成平台7 天前
企业微信与金蝶云星空业财审批一体化对接实施方案
数据分析·企业微信·金蝶云星空·小懿互联·数据集成对接·采购申请审批·费用报销审批
2501_941982057 天前
企业微信二下开发:自动发送图片让社群活动海报精准送达?
企业微信