【企业微信新版sdk】

wecom 的引入使用

一、引入wecom

  • 1、企业微信 WECOM-JSSDK提供了 npm 和 cdn 两种引入途径。

  • 1.1、 npm 引入

    npm install @wecom/jssdk

  • 1.2、安装后引入

    import * as ww from '@wecom/jssdk'

  1. 通过 script 标签引入

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

注:详见: 企业微信

二、封装函数

  1. 制作全局工具函数

    import {jssdk} from '../api/approval/approval';
    import * as ww from '@wecom/jssdk'
    /**
    *** 作者: Lenovo-【Lindon】
    *** 文件名称: weChat
    *** 文件创建日期: 2024/4/10 14:11


    */
    const wwChatMixin = {
    data() {
    return {};
    },
    methods: {
    async wwRegister(sysAgentId, url, callback) {
    debugger;
    const res = await jssdk({sysAgentId: sysAgentId, url: url});
    ww.register({
    corpId: res.config.appId,
    jsApiList: ['selectExternalContact'],
    getConfigSignature() {
    console.log('ww.getSignature',ww);
    return ww.getSignature(res.config.signature);
    },
    });

    复制代码
             if (callback && typeof callback === 'function') {
               callback(ww);
             }
         },
     },

    };

    export default wwChatMixin;

2.通过后端接口 api/approval/approval 后去企业微信的相关数据

  1. ww.register 进行注册,获取签名

  2. 暴露出去使用

三、使用测试

复制代码
<template>
    <div>
        <!--    wecom-->
        <van-button @click="getwxAgentConfig">使用</van-button>
    </div>
</template>

<script>
import wwChatMixin from '../../mixin/weChat';

export default {
    /**
     *** 作者: Lenovo-【Lindon】
     *** 文件名称: wecom
     *** 文件创建日期: 2024/4/10 14:21
     ***
     */
    name: 'Wecom',
    components: {},
    mixins: [wwChatMixin],
    props: {},
    data() {
        return {};
    },
    created() {},
    mounted() {},
    methods: {
        // 使用
        // const url = window.location.href.split('#')[0];
        getwxAgentConfig() {
            this.wwRegister(1, window.location.href.split('#')[0], ww => {
              debugger;
                ww.selectExternalContact({
                    success(res) {
                      console.log('666',res);
                      alert(JSON.stringify(res));
                    },
                });
            });
        },
    },
};
</script>

<style scoped></style>
相关推荐
hj104314 天前
【企业微信开发】jssdk实现h5图片上传
企业微信
hj104315 天前
企业微信wecom/jssdk的使用(入门)
uni-app·企业微信
企销客CRM15 天前
CRM管理系统的用户权限设置与管理技巧:构建安全高效的数字化运营体系
大数据·数据库·人工智能·数据分析·企业微信
挨踢诗人18 天前
Python实现企业微信Token自动获取到SQLite存储
python·sqlite·企业微信·数据集成
企销客CRM18 天前
企微CRM系统中的任务分配与效率提升技巧
大数据·数据库·人工智能·数据分析·企业微信
鼠鼠我捏,要死了捏18 天前
Java开发企业微信会话存档功能笔记小结(企业内部开发角度)
java·企业微信·会话存档
企销客CRM18 天前
SCRM软件数据分析功能使用指南:从数据挖掘到商业决策
数据库·人工智能·数据挖掘·数据分析·企业微信
企销客CRM24 天前
实施企业预算管理的企微CRM系统技巧:从成本控制到价值创造
大数据·数据库·人工智能·企业微信
九亿少女的梦@1 个月前
企业微信对接:回调地址带#时返回地址参数位置不对的问题
vue·企业微信·企微单点登录
焚天&无夜1 个月前
企微获取会话内容,RSA 解密函数
java·企业微信·rsa解密·会话内容·pkcs1解密算法