webview 中 uniapp h5 项目发送信息给 app

vue2

使用步骤

第一步：导入 uni.webview.js

点此下载 uni.webview.1.5.5.js 并已改名为 webUni

第二步：将此文件复制到工程项目

​​

第三步：将 webUni 导入

import webUni from '@/static/js/uni.webview.1.5.5.js'

// 测试 webUni
Vue.prototype.testWebUni = function(tel) { // 打电话
	console.log(webUni)
	webUni.postMessage({
		data: {
			type: "web",
			info: 'test',
		}
	});
}
​

具体使用

因在鸿蒙 webview 无法获取鸿蒙系统信息，只能在利用 url 参数获取 is_harmony 再进行 postMessage 传回鸿蒙 app 进行位置权限请求

webview 扫码：

if (uni.getStorageSync('is_harmony') == 1) {
	webUni.postMessage({
		data: {
			type: "ygy-scan",
			text: '扫码',
			url: 'https://app.meilianji.cn/h5/aj/#/pages/webview/webview?url=https%3A%2F%2Fygy.anji.gov.cn%3A8082%2Fh5%2Funions5%2F%23%2F',
		}
	});
}
else {
	console.log('非鸿蒙')
}

​

webview 电话

// 拨打电话
Vue.prototype.callPhone = function(tel) { // 打电话
	if (tel != '') {
		// console.log(webUni)
		webUni.postMessage({
			data: {
				type: "phone",
				phone: tel,
			},
		});
	}
}
​

webview 定位

因在鸿蒙 webview 无法获取鸿蒙系统信息，只能在利用 url 参数获取 is_harmony 再进行 postMessage 传回鸿蒙 app 进行位置权限请求

if (uni.getStorageSync('is_harmony') == 1) {
	webUni.postMessage({
		data: {
			type: "h5-position",
			text: '请求位置权限'
		}
	});
} else {
	console.log('非鸿蒙代码')
}
​