当前位置: 首页 > 科技观察

开发路线问题:native、HTML5、hybrid的优缺点

时间:2023-03-15 16:20:43 科技观察

帮助企业选择最佳移动开发环境时必须考虑的关键因素。以下三种方法可视为移动应用开发工作的主要实现思路。我们将简要介绍每一种,其适用范围、优缺点以及相应的开发工具列表。原生应用开发在原生应用开发机制中,移动应用是专门为特定的移动平台编写的,包括iOS、Android和WindowsPhone。这些应用程序驻留在移动设备上,通常使用平台制造商提供的开发工具编写。它的代码不能在不同平台之间自由迁移或重用。***适用性面向消费者的应用程序具有高图形和多媒体处理优势的游戏应用程序通常比Web应用程序或混合应用程序具有更好的性能,尤其是在游戏应用程序中。访问设备上的所有传感器、硬件、联系信息和通知。通过公共应用商店发布——包括AppleAppStore、GooglePlay和WindowsStore。安装完成后,相应的图标会立即出现在设备的主屏幕上。短板优秀的开发人员稀缺为多个平台构建多个应用非常昂贵每个平台独立的代码库管理不仅成本??高而且耗时开发周期长不同平台的版本由于开发时间不同可能不同步.由于不同应用商店的审批周期不同,可能会影响应用的发布。开发工具AppleiOS:XCodeAndroid:GoogleAndroidStudioWindowsPhone:VisualStudio#p#Utilization使用HTML5、CSS和JavaScript开发的Web应用程序Web应用程序是使用HTML5、CSS和JavaScript构建的。此类应用程序可以通过移动设备上的浏览器访问并具有交互功能,但它们无法访问移动设备上的联系人列表和传感器等内置机制。此类应用只需开发一次,部署在Web服务器上,即可供各平台用户使用。***适用范围:企业与企业之间、企业与员工之间使用的内部服务和资源应用。优点此类应用程序是使用Web标准构建的,但通常被设计为“响应式”应用程序。企业可以使用现有的Web开发人员来创建此类应用程序。高性价比的应用构建方式,只需维护一套代码库即可快速实现修改、更新和部署。短板接口与标准原生应用在性能上可能存在较大差异,尤其是在游戏和一些强调图形和多媒体处理负载的场景下,无法与原生应用相提并论。程序不能在同级应用商店上架,这意味着它不利于直接向消费??者客户推广,可能无法访问所有传感器、硬件、通知等。设备上的内置功能图标除非用户手动添加开发工具,否则无法直接出现在设备主屏幕上。任何可以使用HTML5、JavaScript和CSS构建网页的开发工具都可以开发移动Web应用程序。一些流行的工具包括:@font-face{font-family:"宋体";}@font-face{font-family:"宋体";}@font-face{font-family:"@宋体";}@font-face{font-family:"Calibri";}p.MsoNormal,li.MsoNormal,div.MsoNormal{margin:0cm0cm0.0001pt;文本对齐:对齐;字体大小:10.5pt;字体系列:Calibri;}a:link,span.MsoHyperlink{颜色:蓝色;文本修饰:下划线;}a:visited,span.MsoHyperlinkFollowed{颜色:rgb(149,79,114);文本修饰:下划线;}.MsoChpDefault{字体大小:10.5pt;字体系列:Calibri;}div.WordSection1{页面:WordSection1;}AngularJS,一个由Google维护的开源Web应用程序框架"@宋体";}@font-face{font-family:"Calibri";}p.MsoNormal,li.MsoNormal,div.MsoNormal{margin:0cm0cm0.0001pt;文本对齐:对齐;字体大小:10.5pt;字体系列:Calibri;}a:link,span.MsoHyperlink{颜色:蓝色;:下划线;}a:visited,span.MsoHyperlinkFollowed{颜色:rgb(149,79,114);文本修饰:下划线;}.MsoChpDefault{字体大小:10.5pt;字体系列:Calibri;}div.WordSection1{页面:WordSection1;一个开源的JavaScriptWeb应用程序开发框架;}@font-face{font-family:"Calibri";}p.MsoNormal,li.MsoNormal,div.MsoNormal{margin:0cm0cm0.0001pt;文本对齐:对齐;字体大小:10.5pt;字体系列:Calibri;}a:link,span.MsoHyperlink{颜色:蓝色;文本修饰:下划线;}a:visited,span.MsoHyperlinkFollowed{颜色:rgb(149,79,114);文本修饰:下划线;}.MsoChpDefault{字体大小:10.5pt;字体系列:Calibri;}div.WordSection1{页面:WordSection1;}React,一组开源JavaScript库,由Facebook和其他供应商构建和维护@font-face{font-family:"宋体";}@font-face{font-family:"CambriaMath";}@font-face{font-family:"@宋体";}@font-face{font-family:"Calibri";}p.MsoNormal,li.MsoNormal,div.MsoNormal{边距:0cm0cm0.0001pt;文本对齐:对齐;字体大小:10.5pt;字体系列:Calibri;}a:link,span.MsoHyperlink{颜色:蓝色;文本修饰:下划线;}a:visited,span.MsoHyperlinkFollowed{颜色:rgb(149,79,114);文本修饰:下划线;}.MsoChpDefault{字体大小:10.5pt;字体系列:Calibri;}div.WordSection1{页面:WordSection1;}Backbone.js,一套JavaScript库@font-face{font-family:"宋体";}@font-face{font-family:"CambriaMath";}@font-face{font-family:"@宋体";}@font-face{font-family:"Calibri";}p.MsoNormal,li.MsoNormal,div.MsoNormal{margin:0cm0cm0.0001pt;文本对齐:对齐;字体大小:10.5pt;字体系列:Calibri;}a:link,span.MsoHyperlink{颜色:蓝色;文本修饰:下划线;}a:visited,span.MsoHyperlinkFollowed{颜色:rgb(149,79,114);文本修饰:下划线;}.MsoChpDefault{字体大小:10.5pt;字体系列:Calibri;}div.WordSection1{页面:WordSe第一节;}JQuery,一套JavaScript库@font-face{font-family:"宋体";}@font-face{font-family:"CambriaMath";}@font-face{font-family:"@宋体";}@font-face{font-family:"Calibri";}p.MsoNormal,li.MsoNormal,div.MsoNormal{margin:0cm0cm0.0001pt;文本对齐:对齐;字体大小:10.5pt;字体系列:Calibri;}a:link,span.MsoHyperlink{颜色:蓝色;文本修饰:下划线;}a:visited,span.MsoHyperlinkFollowed{颜色:rgb(149,79,114);文本修饰:下划线;}.MsoChpDefault{字体大小:10.5pt;字体系列:Calibri;}div.WordSection1{页面:WordSection1;}Meteor,一款开源JavaScript框架@font-face{font-family:"宋体";}@font-face{font-family:"CambriaMath";}@font-face{font-family:"@宋体";}@font-face{font-family:"Calibri";}p.MsoNormal,li.MsoNormal,div.MsoNormal{margin:0cm0cm0.0001pt;文本对齐:对齐;字体大小:10.5pt;字体系列:Calibri;}a:link,span.MsoHyperlink{颜色:蓝色;文字修饰:下划线;}a:visited,span.MsoHyperlinkFollowed{颜色:rgb(149,79,114);文本修饰:下划线;}.MsoChpDefault{字体大小:10.5pt;字体系列:Calibri;}div.WordSection1{页面:WordSection1;}Bootstrap和BootstrapJavascript,一组被广泛认为是“mobile-first”的CSS框架和一组强调“responsive”特性的框架#p#HybridapplicationsHybridapplications首先利用HTML5,CSS和JavaScript构建,然后通过打包工具转换成可以运行在不同移动平台上的原生应用程序。这类应用往往结合了原生应用和Web应用的优势,让应用可以使用标准的Web开发资源,在各种设备上原生运行。***适用范围企业与企业,以及企业与员工应用企业内部服务与资源应用企业用户希望在不同平台部署原生应用,使用Web标准构建;需要一些特定的代码通过API访问内置的手机功能企业可以利用现有的web开发人员构建此类应用程序可以快速实现修改,更新和部署可以作为原生应用程序在不同平台上运行特别是在游戏和一些高图形场景中和多媒体处理负载,远不如原生应用,后者通常可以访问设备中的所有传感器和硬件,但在支持新功能方面可能存在一定滞后。shell”来维护不同的代码库。开发人员需要使用其他软件将Web应用程序转换为原生应用程序开发工具。此类应用程序的适用开发工具范围更广,从将现有网页代码转换为原生开发环境的工具,可谓包罗万象。下面列出的只是其中的一部分。@font-face{font-family:"宋体";}@font-face{font-family:"CambriaMath";}@font-face{font-family:"@宋体";}@font-face{font-family:"Calibri";}p.MsoNormal,li.MsoNormal,div.MsoNormal{margin:0cm0cm0.0001pt;文本对齐:对齐;字体大小:10.5pt;字体系列:Calibri;}.MsoChpDefault{字体大小:10.5pt;字体系列:Calibri;}div.WordSection1{页面:WordSection1;ApacheCordova,一个开源平台,可以将使用HTML5、CSS和JavaScript构建的移动Web应用程序转换为原生移动应用程序Web应用程序并将它们部署为本机应用程序。不需要很高的编程经验,也能让高水平的程序员充分发挥自己的编程能力IonicFramework:这个框架专注于构建用户界面,可以配合AngularJS和Cordova实现web应用到原生应用的转化OutSystems:允许用户使用可视化工具构建Web应用和原生应用Kony:该平台提供了一系列工具选项,帮助用户构建适用于不同平台类型的原生应用Xamarin:Appcelerator,一个用于构建原生应用的跨平台开发平台:这种跨平台开发解决方案允许用户使用JavaScript编写应用程序,然后在此原始标题之上构建原生应用程序:原生vs.HTML5vs.hypid移动应用程序:优缺点