创新的网站优秀品牌策划方案

概述

• 需求为使用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();
}