UNIAPP中开发企业微信小程序

概述

  • 需求为使用uni-app开发企业微信小程序。希望可以借助现成的uni-app框架,快速开发。
  • 遇到的问题是uni-app引入jweixin-1.2.0.js提示异常: Reason: TypeError: Cannot read properties of undefined (reading ‘title’)。
  • 本文中描述了如何解决该问题,以及jweixin-1.2.0.js引入代码和wx.config方法调用方式。
  • 本文中也描述了一种使用vconsole的方法。

解决方案

  • 需要修改jweixin-1.2.0.js 文件,将下图中的this改成window。具体解释忘了。。。。o(╯□╰)o
    在这里插入图片描述
  • 引入后对象是jWeixin,wx对象指定的是微信小程序。

代码

  • 需要调用wx工具的页面先引入jweixin-1.2.0.js文件。
import jWeixin from '@/static/jweixin-1.2.0.js'
  • config方法代码如下
jWeixin.ready(function () {console.log("wx.config: ready1");
})jWeixin.error(function (res) {console.log("wx.error", res);
})uni.request({url: "http://xxxx:9099/getSignature", //后端获取签名数据header: {"Content-Type": "application/x-www-form-urlencoded;charset=utf-8"},data: {'url': encodeURI(location.href.split('#')[0])},success: (response) => {jWeixin.config({beta: true,// 调用wx.invoke形式的接口值时,该值必须为true。debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。appId: response.data.appId, // 必填,政务微信的cropIDtimestamp: response.data.timestamp, // 必填,生成签名的时间戳nonceStr: response.data.nonceStr, // 必填,生成签名的随机串signature: response.data.signature,// 必填,签名,见附录1jsApiList: ['setBLEMTU','getBluetoothAdapterState','openBluetoothAdapter','onSearchBeacons','startBluetoothDevicesDiscovery','getBluetoothDevices','createBLEConnection','onBLEConnectionStateChange','closeBLEConnection','getBLEDeviceServices','getBLEDeviceCharacteristics','writeBLECharacteristicValue','readBLECharacteristicValue','notifyBLECharacteristicValueChange','notifyBLECharacteristicValueChange','notifyBLECharacteristicValueChange'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2。 这里使用手机蓝牙的相关代码});}
});
  • 引入vconsole
onLoad() {const vconsole = require('@/static/vconsole.js');new vconsole();
}

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

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

相关文章

Mybatis的学习笔记(IDEA快捷键,参数占位符,转义符)

一、IDEA快捷键: IDEA多行注释:ctrlShift/ 单行注释:ctrl/ 导入包,自动修正代码:altenter 自动生成代码:altinsert 二、Mybatis重要知识点: 2.1 参数占位符 一共分为2种:#{}和…

【gitkraken】gitkraken自动更新问题

GitKraken 会自动升级&#xff01;一旦自动升级&#xff0c;你的 GitKraken 自然就不再是最后一个免费版 6.5.1 了。 在安装 GitKraken 之后&#xff0c;在你的安装目录&#xff08;C:\Users\<用户名>\AppData\Local\gitkraken&#xff09;下会有一个名为 Update.exe 的…

Eclipse集成MapStruct

Eclipse集成MapStruct 在Eclipse中添加MapStruct依赖配置Eclipse支持MapStruct①安装 m2e-aptEclipse Marketplace的方式安装Install new software的方式安装&#xff08;JDK8用到&#xff09; ②添加到pom.xml 今天拿到同事其他项目的源码&#xff0c;导入并运行的时候抛出了异…

LVS负载均衡集群-NAT模式部署

集群 集群&#xff1a;将多台主机作为一个整体&#xff0c;然后对外提供相同的服务 集群使用场景&#xff1a;高并发的场景 集群的分类 1.负载均衡器集群 减少响应延迟&#xff0c;提高并发处理的能力 2&#xff0c;高可用集群 增强系统的稳定性可靠性&…

SCF金融公链新加坡启动会 链结创新驱动未来

新加坡迎来一场引人瞩目的金融科技盛会&#xff0c;SCF金融公链启动会于2023年8月13日盛大举行。这一受瞩目的活动将为金融科技领域注入新的活力&#xff0c;并为广大投资者、合作伙伴以及关注区块链发展的人士提供一个难得的交流平台。 在SCF金融公链启动会上&#xff0c; Wil…

Mr. Cappuccino的第63杯咖啡——Spring之AnnotationConfigApplicationContext源码分析

Spring之AnnotationConfigApplicationContext源码分析 源码分析 源码分析 以上一篇文章《Spring之Bean的生命周期》的代码进行源码分析 AnnotationConfigApplicationContext applicationContext new AnnotationConfigApplicationContext(SpringConfig02.class); LifeCycleBe…

vscode远程连接Linux失败,提示过程试图写入的管道不存在(三种解决办法)

vscode报错如下&#xff1a; 一、第一种情况 原因是本地的known_hosts文件记录服务器信息与现服务器的信息冲突了&#xff0c;导致连接失败。 解决方案就是把本地的known_hosts的原服务器信息全部删掉&#xff0c;然后重新连接。 二、第二种情况 在编写配置文件config时&…

设计模式——适配器模式

引入实例 说起适配器其实在我们的生活中是非常常见的&#xff0c;比如&#xff1a;学校的宿舍的电压都比较低&#xff0c;而有的学生想使用大功率电器&#xff0c;宿舍的就会跳闸&#xff0c;然而如果你使用一个适配器&#xff08;变压器&#xff09;就可以使用了&#xff08;…

【C++进阶】继承、多态的详解(多态篇)

【C进阶】继承、多态的详解&#xff08;多态篇&#xff09; 目录 【C进阶】继承、多态的详解&#xff08;多态篇&#xff09;多态的概念多态的定义及实现多态的构成条件&#xff08;重点&#xff09;虚函数虚函数的重写&#xff08;覆盖、一种接口继承&#xff09;C11 override…

安卓的代码加固和其他安全问题

文章目录 安卓加固apk文件结构dex加固过程 其它安全问题 安卓加固 从App的加固技术来看:主流分为dex加密和so加密,目前来看保护dex文件更为重要,因为dex反编译后的java代码可读性更强。 android-ndk: Native Development Kit 官网解释&#xff1a;这套工具使您能在 Android 应…

STM32F407使用Helix库软解MP3并通过DAC输出,最精简的STM32+SD卡实现MP3播放器

只用STM32单片机SD卡耳机插座&#xff0c;实现播放MP3播放器&#xff01; 看过很多STM32软解MP3的方案&#xff0c;即不通过类似VS1053之类的解码器芯片&#xff0c;直接用STM32和软件库解码MP3文件&#xff0c;通常使用了labmad或者Helix解码库实现&#xff0c;Helix相对labm…

揭秘程序员的鄙视链,你在哪一层?看完我想哭

虽然不同的编程语言都有其优缺点&#xff0c;而且程序员之间的技能和能力更加重要&#xff0c;但是有些程序员可能会因为使用不同的编程语言而产生鄙视链。 以下是一些可能存在的不同编程语言程序员之间的鄙视链&#xff1a; 低级语言程序员鄙视高级语言程序员&#xff1a;使用…