h5转app有什么问题(h5封装成app的流程)

h5转app有什么问题(h5封装成app的流程)

  随着H5标准的发布,使得移动应用的开发有了更多的选择,出于效率、成本、质量等原因,移动应用不再只是单纯的原生开发。

  今天就简单总结一下目前的三大主流移动应用开发类型。

  WebApp

  WebApp是指使用前端语言编写的可以用于多平台的应用,运行在手机或浏览器上,对手机性能要求比较高。

  受限于手机的webView,页面普遍存放于服务器。更新容易,更新无需通知用户,不用手动升级。开发成本低,维护简单。体验差,用户留存较低。网络依赖性较强。

  HybridApp是指使用原生语言与前端语言编写的只能用于iOS和Android平台的应用,但其总体特性更接近NativeApp。

  前端JS调用原生提供的JS的API,实现功能。更新较容易,大部分需要无法自动更新,中控易动可实现更新无需通知用户,不用手动升级。开发成本低,维护简单。受限于手机的webView。仍受限于技术,网速。体验好,用户留存高。

  NativeApp是指基于手机操作系统如iOS、Android,使用原生程式编写的应用,运行在手机上。

  常用语言

  iOS :Objective-C swift

  Android :JAVA

  开发成本高,需要两端开发人员,维护成本高。更新较难,需要上传应用市场,需要手动升级。用户体验好,留存率高。性能稳定,反应速度快。

  WebApp:h5与WKWebView交互

  例如:WKWebView加载html链接展示页面:

  oc中WKWebView实现:

  HTML中按钮点击事件中实现:

  HybridApp:选择第三方框架,根据JS API接口调用。例如:中控易动,根据插件文档使用JS API接口使用

  例如:在中控易动创建应用、添加插件、参考插件API接口参考,这边以AppInfo插件为例:

  示例代码:

  复制示例代码,写在调用的前端按钮事件里面:

  NativeApp:使用oc编码。例如:

推荐阅读