企业微信jdk 授权 记录

1、npm install @wecom/jssdk

2、index.html 引入 

<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";

/*** 获取企业微信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提供的URLconst 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、使用示例

点击事件function fafacc() {ww.getCurExternalContact({success(res) {console.log('获取外部联系人id成功', res)},fail(res) {console.log('获取外部联系人id失败', res)},})
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/903629.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Android13增加第三方类实现加入到系统

1、将需要的添加包放在/frameworks/base/core/java/com目录下&#xff0c;比如devmgr/devicemgr/DeviceMgr.java package com.devmgr.devicemgr; import android.content.Context; public class DeviceMgr {private volatile static DeviceMgr instance null;private Context…

计算机网络核心知识点全解析(面试通关版)

一、网络体系结构&#xff1a;从OSI到TCP/IP的分层设计 1.1 七层模型与四层模型对比 OSI七层模型核心功能TCP/IP四层对应典型协议生活类比应用层为应用程序提供服务&#xff08;如文件传输、邮件、Web浏览&#xff09;应用层HTTP、FTP、SMTP、DNS快递面单信息&#xff08;收件…

AI图稿生成订单管理系统

让设计生产“零误差、全自动、秒响应” 一、核心价值&#xff1a;重构设计到生产的效率革命 效率提升70% 告别人工排版&#xff0c;AI自动复用历史稿件模板&#xff0c;单次设计永久沉淀为可调用资产&#xff1b; 印刷文件生成速度达20万张/分钟&#xff0c;满足电商大促、…

TwinCAT数据类型,%MX,%MD这些特殊符号

在 TwinCAT&#xff08;Beckhoff PLC 编程环境&#xff09;中&#xff0c;%MX、%MD 等符号是 IEC 61131-3 标准的地址表示法&#xff0c;用于直接访问 PLC 的物理 I/O 或内存区域。这些符号通常用于 变量声明 或 直接寻址&#xff0c;特别是在 TwinCAT 2 和 传统 PLC 编程 中较…

基于UNet算法的农业遥感图像语义分割——补充版

前言 本案例希望建立一个UNET网络模型&#xff0c;来实现对农业遥感图像语义分割的任务。本篇博客主要包括对上一篇博客中的相关遗留问题进行解决&#xff0c;并对网络结构进行优化调整以适应个人的硬件设施——NVIDIA GeForce RTX 3050。 本案例的前两篇博客直达链接基于UNe…

Compose笔记(二十一)--AnimationVisibility

这一节主要了解一下Compose的AnimationVisibility,AnimatedVisibility 是 Jetpack Compose 里用于实现组件可见性动画效果的组件&#xff0c;借助它能让组件在显示和隐藏时带有平滑的过渡动画&#xff0c;从而提升用户体验。现总结如下: API 1. visible 含义&#xff1a;这是一…

基于 HT 构建 2D 智慧仓储可视化系统的技术解析

在当今数字化时代&#xff0c;仓储管理对于企业的运营效率和成本控制愈发关键。图扑软件&#xff08;Hightopo&#xff09;凭借其强大的 HT for Web 产品&#xff0c;打造出 2D 智慧仓储可视化平台&#xff0c;为仓储管理带来了全新的技术解决方案。 HT 是一款基于 WebGL、can…

HTML ASCII 编码详解

HTML ASCII 编码详解 引言 HTML&#xff08;HyperText Markup Language&#xff09;是一种用于创建网页的标准标记语言。在HTML中&#xff0c;字符的表示方式非常重要&#xff0c;因为它直接影响到网页内容的显示效果。ASCII编码作为一种基本的字符编码方式&#xff0c;在HTM…

pinia-plugin-persistedstate的使用

pinia持久化存储的使用 安装 npm install pinia-plugin-persistedstate 注册 import { createPinia } from pinia import piniaPluginPersistedstate from pinia-plugin-persistedstateconst pinia createPinia() pinia.use(piniaPluginPersistedstate)export default pinia …

Vue:el-table-tree懒加载数据

目录 一、出现场景二、具体使用三、修改时重新加载树节点四、新增、删除重新加载树节点 一、出现场景 在项目的开发过程中&#xff0c;我们经常会使用到表格树的格式&#xff0c;但是犹豫数据较多&#xff0c;使用分页又不符合项目需求时&#xff0c;就需要对树进行懒加载的操…

ChipCN IDE KF32 导入工程后,无法编译的问题

使用ChipON IDE for KungFu32 导入已有的工程是时&#xff0c;发现能够编译&#xff0c;但是点击&#xff0c;同时选择硬件调试时 没有任何响应。查看工程调试配置时&#xff0c;发现如下问题&#xff1a; 没有看到添加有启动配置&#xff0c;说明就是这里的问题了(应该是IDE的…

前端笔记-Element-Plus

结束了vue的基础学习&#xff0c;现在进一步学习组件 Element-Plus部分学习目标&#xff1a; Element Plus1、查阅官方文档指南2、学习常用组件的使用方法3、Table、Pagination、Form4、Input、Input Number、Switch、Select、Date Picker、Button5、Message、MessageBox、N…

C++入门小馆: 模板

嘿&#xff0c;各位技术潮人&#xff01;好久不见甚是想念。生活就像一场奇妙冒险&#xff0c;而编程就是那把超酷的万能钥匙。此刻&#xff0c;阳光洒在键盘上&#xff0c;灵感在指尖跳跃&#xff0c;让我们抛开一切束缚&#xff0c;给平淡日子加点料&#xff0c;注入满满的pa…

强化学习之基于无模型的算法之基于值函数的深度强化学习算法

3、基于值函数的深度强化学习算法 1&#xff09;深度Q网络&#xff08;DQN&#xff09; 核心思想 DQN是一种将Q学习与深度神经网络结合的方法&#xff0c;用于解决高维状态空间的问题。 它以环境的状态作为输入&#xff0c;通过神经网络输出每个动作的 Q 值&#xff0c;智能体…

网络规划和设计

1.结构化综合布线系统包括建筑物综合布线系统PDS&#xff0c;智能大夏布线系统IBS和工业布线系统IDS 2.GB 50311-2016综合布线系统工程设计规范 GB/T 50312-2016综合布线系统工程验收规范 3.结构化布线系统分为6个子系统&#xff1a; 工作区子系统&#xff1b;水平布线子系…

软件设计师-错题笔记-计算机硬件和体系

1. 解析&#xff1a;循环冗余校验码也叫CRC校验码&#xff0c;其中运算包括了模2&#xff08;异或&#xff09;来构造校验位。别的三种没有用到模2的方法。 2. 解析&#xff1a;如果是正数&#xff0c;则是首位为0&#xff0c;其余位全为1&#xff0c;这时最大数(2^(n-1))-1…

OpenCV 4.7企业级开发实战:从图像处理到目标检测的全方位指南

简介 OpenCV作为工业级计算机视觉开发的核心工具库,其4.7版本在图像处理、视频分析和深度学习模型推理方面实现了显著优化。 本文将从零开始,系统讲解OpenCV 4.7的核心特性和功能更新,同时结合企业级应用场景,提供详细代码示例和实战项目,帮助读者掌握从基础图像处理到复…

LeetCode算法题 (除自身以外数组的乘积)Day14!!!C/C++

https://leetcode.cn/problems/product-of-array-except-self/description/ 一、题目分析 给你一个整数数组 nums&#xff0c;返回 数组 answer &#xff0c;其中 answer[i] 等于 nums 中除 nums[i] 之外其余各元素的乘积 。 题目数据 保证 数组 nums之中任意元素的全部前缀…

如何写好Verilog状态机

还记得之前软件的同事说过的一句话。怎么凸显自己的工作量&#xff0c;就是自己给自己写BUG。 看过夏宇闻老师书的都知道&#xff0c;verilog的FSM有moore和mealy,然后有一段&#xff0c;二段&#xff0c;三段式。记得我还是学生的时候&#xff0c;看到这里的时候&#xff0c;感…