niapp开发的 H5 被app嵌套,H5调用ios和安卓方法

封装方法

javascript 复制代码
export function appSkipH5(params = {}, action) {
	try {
		// 1. 环境判断:区分安卓/iOS/非APP环境
		const ua = navigator.userAgent;
		const isAndroid = /Android|Adr/i.test(ua); // 安卓环境
		const isIOS = /iPhone|iPad|iPod|iOS/i.test(ua); // iOS环境

		if (!isAndroid && !isIOS) {
			uni.showToast({
				title: '仅支持在APP内跳转',
				icon: 'none'
			});
			return;
		}

		const paramsStr = JSON.stringify(params);
		// 2. 根据action类型执行不同的跳转逻辑
//安卓: WebAndroid是安卓自定义的
//IOS: window.webkit.messageHandlers.XXXX.postMessage() XXXX 是IOS自定函数;
		console.log(action, paramsStr, "paramsStr");
		switch (action) {

			case 'goToGoodsDetail': // 商品详情页 IOS和安卓调用的方法goToGoodsDetail
				// 安卓端调用(传递参数JSON字符串)
				if (isAndroid) {
					WebAndroid.goToGoodsDetail(paramsStr);
				}

				// iOS端调用(直接传递参数对象)
				if (isIOS) {
					window.webkit.messageHandlers.goToGoodsDetail.postMessage(paramsStr);
				}
				break;

			case 'finishAct': // 关闭当前界面--IOS和安卓调用的方法finishAct
				// 安卓端调用(传递参数JSON字符串)
				if (isAndroid) {
					WebAndroid.finishAct();
				}

				// iOS端调用(直接传递参数对象)
				if (isIOS) {
					window.webkit.messageHandlers.finishAct.postMessage();
				}
				break;

			case 'goToMain': // 跳转到首页IOS和安卓调用的方法goToMain
				// 安卓端调用(传递参数JSON字符串)
				if (isAndroid) {
					WebAndroid.goToMain();
				}

				// iOS端调用(直接传递参数对象)
				if (isIOS) {
					window.webkit.messageHandlers.goToMain.postMessage();
				}
				break;
		}

	} catch (e) {
		console.error('跳转失败:', e);
		uni.showToast({
			title: '跳转失败,请重试',
			icon: 'none'
		});
	}
}

页面引入

javascript 复制代码
	import {
		appSkipH5
	} from "@/utils/patch.js"

appSkipH5(jumpParams, "goToGoodsDetail")
相关推荐
数智工坊2 小时前
机器人运动控制:采样、优化与学习三大流派深度对比与实战
android·学习·机器人
故渊at4 小时前
第二板块:Android 四大组件标准化学理 | 第八篇:Service 后台执行实体与优先级
android·gitee·service·前台服务·后台服务
会Tk矩阵群控的小木4 小时前
安卓群控系统对于游戏工作室实战教程
android·运维·游戏·adb·开源软件·个人开发
qeen875 小时前
【C++】类与对象之类的默认成员函数(二)
android·c语言·开发语言·c++·笔记·学习
故渊at5 小时前
第二板块:Android 四大组件标准化学理 | 第九篇:BroadcastReceiver 事件分发与有序广播
android·gitee·broadcast·广播·动态注册·静态注册
JohnnyDeng946 小时前
【Android】Room 数据库高级用法与性能调优:从查询瓶颈到毫秒级响应
android·性能优化·kotlin·room
zeqinjie6 小时前
Flutter 折叠屏 iPad / 宽屏适配实践
android·前端·flutter
ab_dg_dp6 小时前
Android 17+ 提取 AIDL 生成 Java 文件的实用脚本
android·java·python
Arrom7 小时前
DLNA 渲染端排障实战:从 20s 卡顿到 stale subscriber 的两周追凶之旅
android·java