H5嵌套原生ios和Android的交互方式

H5嵌套原生ios和Android的交互方式

哈喽，本文将给大家介绍H5嵌入app中怎么跟ios、Android进行交互的，因为我是前端所以下面只展示前端的写法以及思想，希望能给大家带来帮助。
BGM~上才艺

1、首先给大家带来的是h5嵌入ios的交互。

一、h5中调用ios方法的介绍，
方法：h5调用iosApp的方法如下

window.webkit.messageHandlers.method_name.postMessage() 
// method_name 是跟ios人员沟通好的方法名;
// postMessage() 调用方法的方式，直接用即可
// postMessage('String') 传参数的ios
// --------
//  理解下面的原理会使我们在交互的过程中更加顺畅

原理：
ios人员用ios代码定义好JavaScript方法并注入h5项目的全局(window)，从而实现ios人员注入方法注入h5项目，前端人员进行调用即可。

二、ios调用h5的方法介绍

方法：ios调用h5的方法如下

// 前端写法,提供给ios调用的
	window.method_name = (params_one,params_two) => {
			// console.log(params_one,params_two)
			// 拿到参数后的逻辑
		}

原理：
h5挂载一个放到到全局(window)为ios提供的，需要注意方法名双方沟通好，ios调用，h5在方法里即可接受的ios发送