一、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身上的方法文章来源：https://www.toymoban.com/news/detail-811333.html
mounted() {
// toBillInfo 原生app调用 h5的方法
window['toBillInfo'] = (orderNo) => {
// 原生app调用h5方法之后，需要执行的操作
uni.showToast({
title: "渲染调了toBillInfo方法" + orderNo,
icon: 'none'
})
};
console.log("window全局方法");
},注意：如果需要在某一个页面进行操作调用，写法一样文章来源地址https://www.toymoban.com/news/detail-811333.html
到了这里，关于原生app与uniapp开发的H5交互，H5写法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
