對于大部分Web開發(fā)人員,HTML、CSS 和 JavaScript 是他們熟練的開發(fā)技能。然而,開發(fā)一個原生的移動App,對他們來說卻是完全陌生的領域。因為開發(fā)Android,iOS 或 Windows Phone上的原生App,需要掌握完全不同的開發(fā)語言( Android使用Java,iOS app使用Objective-C或Swift,而Windows Phone則使用.NET),除此之外,你還需要使用完全不同的開發(fā)環(huán)境、IDE,并且掌握不同的開發(fā)框架,這些都成了杭州APP開發(fā)人員開發(fā)移動App的巨大障礙。
但隨著技術的發(fā)展,我們已經(jīng)看到許多基于Web技術的移動開發(fā)框架,現(xiàn)在你只需要牢固掌握HTML、CSS和Java技術就可以開發(fā)出一個移動App來。通過像PhoneGap這樣的編譯工具能夠?qū)⒛汩_發(fā)的Web應用轉(zhuǎn)換為不同平臺上的app,從而帶來了極大的便攜性。
這里,來自技匠推薦優(yōu)質(zhì)秀的幾個跨平臺app開發(fā)工具。如果你已經(jīng)準備好做出下一個10億級的app,那么就來看看下面的推薦吧!
跨平臺app開發(fā)框架(一):jQuery Mobile
jQuery Mobile是一個非常健壯的跨平臺app開發(fā)框架。它能夠支持很多不同的平臺,包括桌面應用、智能手機、平板、以及電子閱讀器 如 Nook 或 Kindle。與它的同胞 jQuery UI 類似,jQuery Mobile也包含了一組UI組件,開發(fā)人員可以非常方便地使用它們來開發(fā)UI界面。而且,這些UI組件都已經(jīng)為移動端進行了優(yōu)化,能夠為應用提供更好的性能。
特點:一般簡單性
此框架簡單易用。頁面開發(fā)主要使用標記,無需或僅需很少 JavaScript。
優(yōu)雅降級
盡管 jQuery Mobile 利用較新的 HTML5、CSS3 和 JavaScript,但并非所有移動設備都提供這樣的支持。jQuery Mobile 的哲學是同時支持高端和低端設備,比如那些沒有 JavaScript 支持的設備,盡量提供較好的體驗。
Accessibility
jQuery Mobile 在設計時考慮了訪問能力,它擁有 Accessible Rich Internet Applications (WAI-ARIA) 支持,以幫助使用輔助技術的殘障人士訪問 web 頁面。
小規(guī)模
jQuery Mobile 框架的整體大小比較小,JavaScript 庫 12KB,CSS 6KB,還包括一些圖標。
主題設置
此框架還提供一個主題系統(tǒng),允許您提供自己的應用程序樣式。
跨平臺app開發(fā)框架(二):Cordova/PhoneGap
Cordova是貢獻給Apache后的開源項目,是從PhoneGap中抽出的核心代碼,是驅(qū)動PhoneGap的核心引擎。Cordova提供了一組設施相關的API,通過這組API,移動應用能夠以JavaScript訪問原生的設施功能,如攝像頭、麥克風等。Cordova還提供了一組統(tǒng)一的JavaScript類庫,以及為這些類庫所用的設施相關的原生后端代碼。Cordova支持如下移動操作系統(tǒng):iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。
優(yōu)點:
開源免費,社區(qū)生態(tài)成熟,插件豐富、支持離線場景應用、開發(fā)工具選擇空間大
缺點:只提供基礎訪問設施的接口,需要自己搭配其余UI框架和JavaScript框架來搭配
跨平臺app開發(fā)框架(三).SenchaTouch
Sencha Touch 是一個基于HTML5和CSS3的移動開發(fā)框架。同時它提供了一組能夠支持不同移動平臺的組件以及動效特性。Sencha Touch支持Cordova和PhoneGap.你能將你的應用編譯成支持不同平臺的app。除此之外,Sencha Touch還提供了一組主題,可以應用到iOS、Android、Blackberry、Windows Phone、Tizen 等平臺中,讓用戶感覺它很像原生app.
跨平臺app開發(fā)框架(四):Ionic
ionic 是一個專注于用WEB開發(fā)技術,基于HTML5創(chuàng)立相似于手機平臺原生應用的一個開發(fā)框架。綁定AngularJS和Sass。這個框架的目的是從web的角度開發(fā)手機應用,基于PhoneGap的編譯平臺,可以實現(xiàn)編譯成各個平臺的應用程序。ionic的開發(fā)增加android和ios環(huán)境。ionic提供很多css組件和javascript UI庫。ionic可以支持定制android和ios的插件,也支持服務端REST的敏捷開發(fā)。
優(yōu)點:基于 Cordova、漂亮的界面,追求性能,專注原生,免費開源、Angular JS MVVM 開發(fā)理念,數(shù)據(jù)雙向綁定、繼承自 Cordova,可以使用 Cordova 的插件
缺點:Angular JS 學習路線陡峭、Ionic 框架相比于原生的 Cordova 有所差異,Cordova 某些官方插件可能不適用于Ionic
跨平臺APP開發(fā)框架(五) - MUI
mui是接近原生App體驗的前端框架,可多端發(fā)布到Appstore、Android市場、瀏覽器、微信公眾號、百度直達號及流應用。真正實現(xiàn)多端發(fā)布 – 開發(fā)一套代碼,發(fā)布六個平臺。本教程將詳細講解MUI的方方面面。
以上就是跨平臺app開發(fā)框架、跨平臺app開發(fā)工具全文,希望對大家有所幫助!