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.mzph.cn/news/38030.shtml

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

相关文章

IntelliJIDEA安装lombok插件

写在前面: 当我们创建POJO类时,都会毫不犹豫的让开发工具对域变量生成set,get方法,虽然不是我们自己手动添加,但每个类都要做重复的生成操作,而且当变量名或者是修饰符改变了,我们就要删除set&…

大数据量模糊查询优化(流去重,流分批,建树操作)

大数据量模糊查询优化(流去重,流分批,建树操作) 前言一、java8 流是什么二、本次优化涉及操作1.流去重2.流分批3.hutool树工具类建树4.全部代码 总结 前言 有时候会进行大数据量查询后的建树操作,如果直接使用sql语句…

K8S之存储卷

K8S之存储卷 一、emptyDir emptyDir:可实现Pod中的容器之间共享目录数据,但emptyDir存储卷没有持久化数据的能力,存储卷会随着Pod生命周期结束而一起删除二、hostPath hostPath:将Node节点上的目录/文件挂载到Pod容器的指定目录…

TypeScript 关于对【泛型】的定义使用解读

目录 概念导读泛型函数多个泛型参数泛型约束泛型别名泛型接口泛型类总结: 概念导读 泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性。使用泛型 可以复用类型…

Oracle切割字符串的方法,SQL语句完成。

Oracle用正则的方式循环切割字符串 需求:有一个这样子的 Str “‘CNJ-520-180500000001|CNJ-520-181200000001|CNJ-520-190300000001|CNJ-520-190100000001|CNJ-520-181200000002’” ,然后我需要拿到每一个单号,每一个单号都要走一遍固定的…

“MongoDB基础知识【超详细】

"探索MongoDB的无边之境:沉浸式数据库之旅" 欢迎来到MongoDB的精彩世界!在这个博客中,我们将带您进入一个充满创新和无限潜力的数据库领域。无论您是开发者、数据工程师还是技术爱好者,MongoDB都将为您带来一场令人心动…

如何实现安全上网

l 场景描述 政府、军工、科研等涉密单位或企业往往要比其他组织更早接触高精尖的技术与产品,相对应的数据保密性要求更高。常规的内外网物理隔离手段,已经满足不了这些涉密单位的保密需求,发展到现在,需求已经演变成既要保证网络…

记一次Kafka重复消费解决过程

起因:车联网项目开发,车辆发生故障需要给三个系统推送消息,故障上报较为频繁,所以为了不阻塞主流程,采用了使用kafka。消费方负责推送并保存推送记录,但在一次压测中发现,实际只发生了10次故障&…

“深入探究JVM内部机制:理解Java虚拟机的工作原理“

标题:深入探究JVM内部机制:理解Java虚拟机的工作原理 摘要:本文将深入探究Java虚拟机(JVM)的内部机制,帮助读者理解JVM的工作原理。我们将介绍JVM的组成部分、类加载过程、内存管理和垃圾回收机制&#xf…

带你了解ChatGPT

目录 什么是ChatGPT 从ChatGPT角度看聊天机器人的历史 聊天机器人的早期历史 ChatGPT的出现 ChatGPT和其他聊天机器人的比较 总结 ChatGPT相比其他聊天机器人的优势在哪里 1. 自然语言处理能力更强 2. 编程能力高,应用领域广泛 3. 可以满足个性化需求 4.…

Golang实现完整聊天室(内附源码)

项目github地址: 由于我们项目的需要,我就研究了一下关于websocket的相关内容,去实现一个聊天室的功能。 经过几天的探索,现在使用Gin框架实现了一个完整的聊天室消息实时通知系统。有什么不完善的地方还请大佬指正。 用到的技术…

使用自己的数据利用pytorch搭建全连接神经网络进行回归预测

使用自己的数据利用pytorch搭建全连接神经网络进行回归预测 1、导入库2、数据准备3、数据拆分4、数据标准化5、数据转换6、模型搭建7、模型训练8、模型预测9、完整代码 1、导入库 引入必要的库,包括PyTorch、Pandas等。 import numpy as np import pandas as pd f…

tp6 RabbitMQ

1、composer 安装 AMQP 扩展 composer require php-amqplib/php-amqplib 2、RabbitMQ 配置 在 config 目录下创建 rabbitmq.php 文件 <?php return [host>,port>5672,user>,password>,vhost>,exchange_name > ,queue_name > ,route_key > ,cons…

中国生产了5.07亿台,库存高达近4亿台?国产手机彻底卖不动了?

统计数据显示今年上半年中国的手机产量达到5.07亿台&#xff0c;国内市场手机出货量仅有1.24亿台&#xff0c;都出现了下滑&#xff0c;那么中国手机的产量比销量多出了3.83亿台&#xff0c;这些手机都成为了库存&#xff1f; 中国手机市场确实不如早年那么辉煌&#xff0c;201…

【FAQ】安防监控视频EasyCVR平台分发的FLV视频流在VLC中无法播放

众所周知&#xff0c;TSINGSEE青犀视频汇聚平台EasyCVR可支持多协议方式接入&#xff0c;包括主流标准协议国标GB28181、RTSP/Onvif、RTMP等&#xff0c;以及厂家私有协议与SDK接入&#xff0c;包括海康Ehome、海大宇等设备的SDK等。在视频流的处理与分发上&#xff0c;视频监控…

P12-Retentive NetWork-RetNet挑战Transformer

论文地址:https://arxiv.org/abs/2307.08621 目录 Abstract 一.Introduction 二.Retentive Networks 2.1Retention 2.2Gated Multi-Scale Retention 2.3Overall Architecture of Retention Networks 2.4Relation to and Differences from Previous Methods 三.Experime…

Codeforces Round 892 (Div. 2)(VP)

A //b里放最小值&#xff0c;其他值放c。如果最大值最小值&#xff0c;则无解。 void solve() {int n; cin >> n;vi a(n); liter(x, a) cin >> x; sort(all(a));if (a[0] a[n - 1]){print(-1); return;}vi b, c;for (int i 0; i < sz(a); i){if (a[i] a[0])…

小米基于 Flink 的实时计算资源治理实践

摘要&#xff1a;本文整理自小米高级软件工程师张蛟&#xff0c;在 Flink Forward Asia 2022 生产实践专场的分享。本篇内容主要分为四个部分&#xff1a; 发展现状与规模框架层治理实践平台层治理实践未来规划与展望 点击查看原文视频 & 演讲PPT 一、发展现状与规模 如上图…

【03】基础知识:typescript中的函数

一、typescript 中定义函数的方法 函数声明法 function test1(): string {return 返回类型为string }function test2(): void {console.log(没有返回值的方法) }函数表达式/匿名函数 const test3 function(): number {return 1 }二、typescript 中 函数参数写法 1、typesc…

helm安装harbor + nerdctl 制作push 镜像

参考 文章&#xff1a;Helm部署Harbor_helm harbor_风向决定发型丶的博客-CSDN博客 安装好后使用 nerd containerd对接harbor_containerd 容器 insecure-registries 配置_柠是柠檬的檬的博客-CSDN博客 推送镜像 Containerd 对接私有镜像仓库 Harbor - 知乎 接下来我们来…