UNIAPP中开发企业微信小程序

这篇具有很好参考价值的文章主要介绍了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
    UNIAPP中开发企业微信小程序,前端技术,uni-app,企业微信
  • 引入后对象是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, // 必填,政务微信的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
onLoad() {
	const vconsole = require('@/static/vconsole.js');
	new vconsole();
}

文章来源地址https://www.toymoban.com/news/detail-651565.html

到了这里,关于UNIAPP中开发企业微信小程序的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp 企业微信侧边栏开发网页授权 注入企业权限 注入应用权限 获取userid(2)

    想知道怎么搭建一个企业微信侧边栏应用的,请移步: https://blog.csdn.net/u013361179/article/details/131936040?spm=1001.2014.3001.5501 1、网页授权,获取code 代码: 里面用到的方法: // 获取url后参数code // 删除URL中指定search参数 这个时候就会发现,如果你是从企业微信客户端侧边栏配置的

    2024年02月12日
    浏览(41)
  • 【企业微信开发流程前端篇】企业微信自建应用开发流程详细介绍,js-sdk获取用户信息,快捷回复,授权,发送朋友圈功能实现【一次看懂,简单开发】

    最近刚好遇到了这么个任务 需要我在企业微信中内嵌一个自建应用, 用于打通跟我们医院后台系统的数据对接。 这样就可以直接让客服们在企业微信上点击右边页面操作后台的数据了。 这可是给我踩了好多坑。毕竟从来没有做过企业微信的开发,有点懵。 也是踩了好多坑

    2024年02月11日
    浏览(43)
  • 企业微信代开发应用步骤(小程序、H5同理)

    1.前提条件: 服务商进行微信认证 2.创建应用代开发模板 配置代开发模板回调URL: Token:随机获取(确定后不可更改,否则需更改服务端回调代码逻辑) EncodingAESKey:随机获取(确定后不可更改,否则需更改服务端回调代码逻辑) 已上线的模板更新过后需要 重新提交上线

    2024年02月01日
    浏览(41)
  • 微信小程序开发教程:在小程序中,打开企业微信的在线客服聊天界面

    在微信小程序中打开企业微信在线客服聊天界面,我们需要用到wx.openCustomerServiceChat(),它是微信小程序提供的一个API,用于打开企业微信的在线客服聊天界面。 下面是官方给的示列: extInfo  是一个对象,可以传递一些额外的信息。在这里, url 为空,表示没有传递额外的信

    2024年02月03日
    浏览(55)
  • uniapp打包微信小程序详细步骤【前端开发】

    目录 I.预准备:注册微信小程序 II.打包发布 首先进入微信公众平台, 注册 自己的微信小程序,完成个人信息配置,做好准备工作。 其次是准备好自己的uniapp工程文件, 打开自己的x-builder,准备打包! 1️⃣ 获取微信小程序id: 首先,登录微信公众平台,查看自己 微信小程

    2023年04月09日
    浏览(44)
  • uniapp打包微信小程序详细步骤【前端开发】,web前端开发工程师

    II.打包发布 1️⃣ 获取微信小程序id: 首先,登录微信公众平台,查看自己 微信小程序的id号并复制 : 2️⃣ 填写自己的小程序id: 打开uniapp自己的工程文件,选择 manifest.json文件-微信小程序配置 ,黏贴自己的小程序id: 3️⃣ 发布: 选中 发行-小程序-微信 之后出现下面的

    2024年04月27日
    浏览(42)
  • 企业微信hook接口,朋友圈功能开发教程,逆向开发,企业微信营销开发

    【技术支持】 支持语言 操作码 110001 请求说明 参数名 必选 类型 说明 syncKey 是 string 同步key 请求示例 返回示例 简要描述 110003 请求说明 参数名 必选 类型 说明 syncKey 是 string 同步key 请求示例 返回示例 基本实现企业微信pc端所有功能。 1.登陆模块: 接收登录二维码,登录成

    2024年02月11日
    浏览(43)
  • 企业微信 企业内部开发 学习笔记

    文档 术语介绍 登录 后台 https://work.weixin.qq.com/wework_admin/frame#apps,新建应用 可以获取 AgentId 配置服务器地址

    2024年02月13日
    浏览(35)
  • 全栈开发前端代码:黑马程序员SpringBoot3+Vue3全套视频教程,springboot+vue企业级全栈开,big-event

    目录 :希望对大家有帮助 ①项目压缩包: 1.要启动的指令:可以参考下面的文件 ①登录、注册页面 srcviewsloginLoginPage.vue srcapiuser.js srcstoresmodulesuser.js srcstoresindex.js ②首页实现的页面 srcviewslayoutLayoutContainer.vue srcapiuser.js user下面的小模块:实现改用户信息、图像、

    2024年01月18日
    浏览(50)
  • 前端工程化实战-开发企业级CLI

    1. 前言 脚手架大家一定都不陌生,比如我们经常使用的 vue-cli、create-react-app,它可以帮助我们快速的初始化一个项目,无需从零配置,极大的方便我们的开发。到这里你可能会疑惑,既然市面上有成熟的脚手架,为什么需要写一个属于自己的脚手架呢。因为公共脚手架虽然强

    2024年02月12日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包