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发送