在 Vue 中实现企业微信 JS-SDK 的调用

背景说明

最近有个项目要基于企业微信平台开发，并调用 JS-SDK 接口，因权限域名等问题，暂不能开始项目，所以我先自行注册了一个企业进行开发测试。
此项目是用 vue-cli3 搭建的 vue2.0 项目，在其中实现了企业微信 JS-SDK 简单的封装并调用成功。

项目的准备工作
1、注册一个企业微信，或有现有的企业微信并有管理员权限
2、注册一个域名（接口授权域名需用到）
3、能够部署项目的服务器（该项目是试用的腾讯云服务器，试用期一个月 2020-11-30 到期），并将域名解析到该服务器 IP 地址
4、企业微信官方 API 地址：https://work.weixin.qq.com/api/doc/90000/90136/90512

直接上代码

第一部分：

export function initWxConfig() {
   
    return getTicket;
}

const getTicket = new Promise((resolve, reject) => {
   
    wxRequest({
   
        url: "/cgi-bin/get_jsapi_ticket",
        params: {
   
            //这里token应由后台传入
            access_token: ""
        }
    }).then(res => {
   
        // wxSign(res.data.ticket);
        let noncestr = randomString(17);
        let timestamp = Date.parse(new Date()) / 1000;
        let url = window.location.href.split('#')[0];
        let params = {
   
            "jsapi_ticket": res.data.ticket,
            "noncestr": noncestr,
            "timestamp": timestamp,
            "url": url
        };

        let signstr = "";
        for (let item in params) {
   
            signstr += item + "=" + params[item] + "&"
        }
        signstr