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")
相关推荐
独隅7 小时前
Claude API 实战教程:从入门到完整项目
android·java·数据库·claude·claude code
且随疾风前行.11 小时前
Paint Cavans高级绘制:[一]Paint画笔高级应用
android·ui
VicLi12 小时前
把常用 iOS 调试操作放进一个 macOS 控制台: iCATBox
ios
郑州光合科技余经理12 小时前
同城小程序开发:同一笔单在用户端和商家端各显示到哪
android·java·开发语言·前端·后端·uni-app·php
茶底世界之下13 小时前
雾景需要更强反差吗?用 Awaking 检查树影与雾气的平衡
ios
pigdreams13 小时前
Google 官方 Android CLI:让AI直接读布局结构而不是用adb截图验证
android·人工智能·adb
终端安全笔记15 小时前
下一个大版本要动的三处:更新指令、传输要求、策略写法
网络安全·ios·1024程序员节·移动设备管理
hunterandroid16 小时前
[Android 从零到一] Glide 图片加载原理:三级缓存、生命周期绑定与内存优化
android
法的空间16 小时前
AI 编程时代,为什么 Dart 分析会拖慢大型项目的开发
android·flutter·ios
season_zhu16 小时前
Skills For Real Engineers 系列之二:grill,把需求想清楚,也别把自己问进死胡同
ios·ai编程