技术贴-混合开发,原生app内嵌h5页面

2022-12-30 0 760

甚么是混和合作开发

混和合作开发,也是他们平常听见的Hybrid app,由原生植物(native)合作开发设计和web合作开发设计一同展开合作开发,接着以native app的形式展开展现的应用领域。

现阶段的混和合作开发计划

1.(Hybrid)JSBridge

2.reactNative、weex

3.小流程

等… 他们的工程项目选用Hybrid app的形式展开混和合作开发

Hybrid app

在原生植物 app中, 采用webview来读取html页面,把web端页面展现出,接着在Native app中的页面就像被放到了两个沙盒中,与外间隔绝,出访不出许多内部的形式,难以初始化许多智能手机端api。

JSBridge

它就像两个公路桥,相连这web端和native端,让native能初始化web端标识符,让web端能初始化native端标识符。

技术贴-混合开发,原生app内嵌h5页面

1

合作开发具体内容业务流程

1.native app 合作开发者顺利完成webview产业布局

2.透过webview去给window第一类里头加进JSBridge第一类

3.提供更多文件格式

Android

提供更多给web端初始化的形式:

1.fnName(str) 传参的情况

–fnname:形式名,web端透过 window.AndroidJSBridge.fnName(xxxx) 初始化, window.AndroidJSBridge.XX为固定写法,后面加形式名,参数类型为字符串,传入第一类时,要转一下JSON.strinifyfnNamvar result = window.AndroidJSBridge.fnName(); log(result);

web提供更多给native的形式

window.fnName = function (str) { return web提供更多给native的形式; }

IOS

提供更多给web端初始化的形式:

固定写法

window.webkit.messageHandlers.xxx.postMessage({…}) window.webkit.messageHandlers.fnName.postMessage({ msg: str });

web提供更多给native的形式

形式必须绑定在window第一类下

window.fnName = function (str) { return web提供更多给native的形式; }

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务