企业微信应用开发实践

news/2024/10/18 1:31:54/

一、开发者中心

https://developer.work.weixin.qq.com/document

二、管理后台:

https://work.weixin.qq.com/

三、企业内部应用开发

前提:域名已经备案,且在管理后台网页授权及JS-SDK可信域名已开启。

如果是JS-SDK开发,文件引用使用以下形式:

 1、多页中(版本必须正确)

<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

2、单页中(版本必须正确)

npm i weixin-js-sdk@1.2.0 -S

使用说明 - 接口文档 - 企业微信开发者中心

<template><div id="app">...</div>
</template><script>
import wx from "weixin-js-sdk";
import axios from "axios";
export default {mounted() {const timestamp = Math.round(new Date().getTime() / 1000).toString();const url = window.location.href.split("#")[0];const config = {beta: true, // 必须这么写,否则wx.invoke调用形式的jsapi会有问题debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。appId: "ww5600436da68bc9e4", // 必填,企业微信的corpIDtimestamp, // 必填,生成签名的时间戳nonceStr: "Wm3WZYTPz0wzccnW", // 必填,生成签名的随机串jsApiList: ["shareAppMessage"] // 必填,需要使用的JS接口列表,凡是要调用的接口都需要传进来};axios({method: "POST",url: `/api/qyweixin/signature`,data: {appId: "ww5600436da68bc9e4", // 必填,企业微信的corpIDtimestamp, // 必填,生成签名的时间戳nonceStr: "Wm3WZYTPz0wzccnW", // 必填,生成签名的随机串secret: "jcY1nAtFPDmY_xjNRmkdEOBvDc4MXHnaugO-Wqm8Grw",url}}).then(res => {config.signature = res.data.sign;wx.config(config);var shareConfig = {title: "分享Test",desc: "这是一个分享的演示",link: "http://www.qq.com",imgUrl: "http://demo.open.weixin.qq.com/jssdk/images/p2166127561.jpg",success: function(e) {alert(JSON.stringify(e));},cancel: function(e) {alert(JSON.stringify(e));},fail: function(e) {alert(JSON.stringify(e));}};wx.ready(function() {// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。wx.invoke("shareAppMessage", shareConfig, function(e) {"shareAppMessage:ok" == e.err_msg && alert("shareAppMessage:ok"),"shareAppMessage:cancel" == e.err_msg &&alert("shareAppMessage:cancel");});});wx.error(function(res) {// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。alert(JSON.stringify(res));});}).catch(error => {console.log(error);});}
};
</script>

四、企业微信开发调试

在企业微信开发,如果不能在企业微信直接调试,那效率非常低,问题又不容易定位到,企业微信设置里又没有开发者模式开关,就在我无从下手的时候,发现一个快捷键能打开调试模式

企业微信 Windows 版本调试

 下载地址:https://dldir1.qq.com/foxmail/wwopen_docFile/devtools_resources.pak

  1. 把 devtools_resources.pak 放到企业微信的安装目录下(复制的文件名,要保证为 devtools_resources.pak),注意安装目录带有版本号(4.0.1304.400 是浏览器内核的版本号);
  2. 关闭企业微信,重新启动;
  3. 进入聊天窗口(关键),按快捷键 ctrl + alt + shift + D,进入调试模式;
  4. 在需要调试的页面上点击右键,点“开发者工具”,进入调试模式。

 参考:常见问题 - FAQ - 接口文档 - 企业微信开发者中心

五、提示

企业微信API如没有特殊说明就只能在企业微信环境内调用。 


http://www.ppmy.cn/news/465057.html

相关文章

极速解决“微信PC新版文件保存至MsgAttach”问题

微信PC新版3.7.0 以前&#xff0c;通过 微信 传输的文件都存在FileStorage/File目录下、按月份分文件夹存储&#xff0c;如下图中2022-05文件夹存着5月的所有文件。 但是5月31日 微信 发布了最新版本微信3.7.0。 大家更新后纷纷发现&#xff0c;原本在FileStorage/File目录…

PC端微信下的dat 文件在线解码还原成为图片

之前的时候很多人都咨询问微信的dat文件怎么才能打开&#xff1f;有没有什么软件能打开微信dat文件&#xff1f; 看了下网上的说明&#xff0c;发现就是异或处理&#xff0c;于是准备将微信dat的转码做出来&#xff0c;方便大家。 原理&#xff1a; 微信dat文件在微信进行图片…

判断当前环境在微信下,还是企业微信下

/*** 判断当前环境* return boolean [description]*/ function get_runtime_environment($to_verify_environment){// 是否在微信浏览器下if($to_verify_environment MicroMessenger){// 是否在微信环境下if ( strpos($_SERVER[HTTP_USER_AGENT], MicroMessenger) ! false &am…

华为认证 | HCIE和CCIE的区别是……

最近很多小伙伴想要了解CCIE和HCIE&#xff0c;两个认证&#xff0c;不知道选哪个方向好。 今天就给你分析一下CCIE和HCIE这两个认证的区别和优劣势。 帮助大家更好地了解这两个认证&#xff0c;为自己的职业发展做出正确的选择。 01 HCIE和CCIE证书哪个好&#xff1f; HCIE…

Windows远程桌面(mstsc)不能复制粘贴的解决办法

最近突然发现Windows远程桌面(mstsc)不能在远程端和本地端之间自由的复制和粘贴了&#xff0c;这还是非常影响使用体验的&#xff1b;因此记录一下解决方法&#xff0c;以便后续再遇到此类问题时查看如何解决&#xff1b; 文章目录 一、背景二、解决办法2.1 方法1 重启rdpclip.…

实习记录(二)Java常用工具库

一.Lombok 1.背景概述 Lombok是一个非常高效的专用于Java的自动构建插件库&#xff0c;其简化了 JavaBean 的编写&#xff0c;避免了冗余和样板式代码的出现&#xff0c;让编写的类更加简洁明了&#xff0c;可以帮助大家节省很多重复低效的代码编写。比如重复性的Setter、Gett…

学一点python基础

pythonr小基础 文章目录 pythonr小基础简介认识计算机和程序Python 定义Python程序的执行**python执行过程**python解释器类型 基本数据类型注释函数变量del 语句核心数据类型空值对象 None 整形int浮点型float字符串str**定义&#xff1a;****编码&#xff1a;****相关函数&am…

JAVA初学习(三)(数组和面向对象)

六、数组 问题&#xff1a;如何存储一个班所有的同学名字&#xff1f;可以用变量存储吗&#xff1f;不行&#xff0c;怎么办&#xff1f;使用数组存储 6.1 数组 6.1.1 概念 ​ — 是同类元素的集合&#xff0c;在内存上是一系列连续的区间&#xff08;画图说明&#xff09;…