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文件。
javascript 复制代码
import jWeixin from '@/static/jweixin-1.2.0.js'
  • config方法代码如下
javascript 复制代码
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, // 必填,政务微信的cropID
			timestamp: response.data.timestamp, // 必填,生成签名的时间戳
			nonceStr: response.data.nonceStr, // 必填,生成签名的随机串
			signature: response.data.signature,// 必填,签名,见附录1
			jsApiList: ['setBLEMTU','getBluetoothAdapterState','openBluetoothAdapter','onSearchBeacons','startBluetoothDevicesDiscovery','getBluetoothDevices','createBLEConnection','onBLEConnectionStateChange','closeBLEConnection','getBLEDeviceServices','getBLEDeviceCharacteristics','writeBLECharacteristicValue','readBLECharacteristicValue','notifyBLECharacteristicValueChange','notifyBLECharacteristicValueChange','notifyBLECharacteristicValueChange'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2。 这里使用手机蓝牙的相关代码
		});
	}
});
  • 引入vconsole
javascript 复制代码
onLoad() {
	const vconsole = require('@/static/vconsole.js');
	new vconsole();
}
相关推荐
2501_915909063 小时前
全面解析前端开发中常用的浏览器调试工具及其使用场景
android·ios·小程序·https·uni-app·iphone·webview
wuxianda10303 小时前
uniapp项目上架苹果商店4.3a被拒,3天极速解决方案2026.5.8
前端·人工智能·flutter·uni-app·ios上架·苹果上架·苹果4.3a
wzl202612137 小时前
从精细化运营视角,基于企销宝实现企微私域提速增效的技术实践
人工智能·自动化·企业微信
小盼江9 小时前
Uniapp小程序鲜花商城推荐系统 买家卖家双端(web+uniapp)
前端·小程序·uni-app
fakaifa10 小时前
【最新版】CRMEB Pro版v4.0系统源码 全开源+uniapp/PC前端+搭建教程
uni-app·开源·商城小程序·crmeb·crmebpro
li_Jiejun11 小时前
小智AI支持飞书&企业微信控制
飞书·企业微信
小徐_23331 天前
Wot UI v1 升级 v2?这份迁移指南帮你少踩坑!
前端·微信小程序·uni-app
游戏开发爱好者81 天前
使用Fiddler设置HTTPS抓包诊断Power Query网络问题
android·ios·小程序·https·uni-app·iphone·webview
噗噗121 天前
从零到一:如何通过 QiweAPI 快速实现企业微信自动化集成
运维·自动化·企业微信
棋宣1 天前
uni-app编译到微信小程序中,父传子props首次传递数据不接收的bug
微信小程序·uni-app·bug