一、h5调用原生app方法

        1、先判断是安卓系统还是ios系统

        2、调用原生app方法     toAppLogin 为调用原生app的方法

                1)   ios环境:window.webkit.messageHandlers.toAppLogin.postMessage();

                2)安卓环境:window.android.toAppLogin();

// 1、判断是ios环境还是安卓环境
// 2、toAppLogin 为调用原生app的方法
var ua = window.navigator.userAgent.toLowerCase();
if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
	//ios环境
	try {
		throw window.webkit.messageHandlers.toAppLogin.postMessage();
	} catch (err) {
		uni.showToast({
		    title: "错误",
			icon: 'none'
		})
	}
} else if (navigator.userAgent.match(/android/i)) {
	//安卓环境
	try {
		throw window.android.toAppLogin();
	} catch (err) {
		uni.showToast({
		    title: "错误",
			icon: 'none'
		})
	}
}

二、原生app调用h5方法

        在App.vue文件里面定义一个绑定在window身上的方法

mounted() {
    // toBillInfo 原生app调用 h5的方法
	window['toBillInfo'] = (orderNo) => {
        // 原生app调用h5方法之后,需要执行的操作
		uni.showToast({
			title: "渲染调了toBillInfo方法" + orderNo,
			icon: 'none'
		})
	};
	console.log("window全局方法");
},

注意:如果需要在某一个页面进行操作调用,写法一样

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐