H5 调用原生app方法和接收原生app回调

本文介绍了如何通过将原生应用与H5项目集成,实现广告接入,涉及安卓和iOS平台的方法注入、参数传递、以及跨平台的回调处理,使用了JSON.stringify进行数据转换。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

上周对接一家提供广告接入的公司,他们对接广告的方式是通过打包原生app然后嵌入我们项目H5来实现广告接入

app通过注入方法到window对象供H5调用

方法调用

//参数
let params = {
	type:'',
	appId: '',
	adId: '',
};
				
				
//console.log(params)
  try {
//安卓端方法,一定要对参数进行str化转为纯文本
//showAd是原生提供的方法名
	window.android.showAd(JSON.stringify(params))
} catch (e) {
	console.log(e)		
}
try {
   //ios方法,showRewardAd是原生提供的方法名					 
   window.webkit.messageHandlers.showRewardAd.postMessage(JSON.stringify(params))
} catch (e) {
   console.log(e)
}

接收回调

window['方法名'] = (params) => {
	console.log(params)
}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值