app原生開發、Web APP (HTML5)開發、與app混合開發有什么區別?


目前市場上主流的APP分為三種:原生APPWeb APP(即HTML5)混合APP三種,相對應的定制開發就是原生開發、H5開發和混合開發。

 

一、原生APP

原生開發(Native App開發),是在Android、IOS等移動平台上利用提供的開發語言、開發類庫、開發工具進行App軟件開發。

每個操作系統對應一種開發環境,比如Android是利用Java、Eclipse、Android studioIOS是利用Objective-C 和Xcode進行開發。作為開發不同應用而使用不同的開發語言,對開發者而言並不是一個好消息。

通俗點來講,原生開發就像蓋房子一樣,先打地基然后澆地梁、房屋結構、一磚一瓦、鋼筋水泥、電路走向等,都是經過精心的設計。

原生APP也一樣:通過代碼從每個頁面、每個功能、每個效果、每個邏輯、每個步驟全部用代碼寫出來,一層層,一段段全用代碼寫出來。

優點:

1、可訪問手機所有功能(如GPS、攝像頭等)、可實現功能齊全;

2、運行速度快、性能高,絕佳的用戶體驗;

3、支持大量圖形和動畫,不卡頓,反應快;

4、兼容性高,每個代碼都經過程序員精心設計,一般不會出現閃退的情況,還能防止病毒和漏洞的出現;

5、比較快捷地使用設備端提供的接口,處理速度上有優勢。

缺點:

1、開發時間長,快則3個月左右完成,慢則五個月左右;

2、制作費用高昂,成本較高;

3、可移植性比較差,一款原生的App,Android和IOS都要各自開發,同樣的邏輯、界面要寫兩套;

4、內容限制(App Store限制);

5、獲得新版本時需重新下載應用更新。

 

 

二、Web APP (HTML5)開發

HTML5應用開發,是利用Web技術進行的App開發。Web技術本身需要瀏覽器的支持才能進行展示和用戶交互,因此主要用到的技術是HTML5、Javascript、CSS等。

優點:

1、支持設備范圍廣,可以跨平台,編寫的代碼可以同時在Android、IOS、Windows上運行;

2、開發成本低、周期短;

3、無內容限制;

4、適合展示有大段文字(如新聞、攻略等),且格式比較豐富(如加粗,字體多樣)的頁面;

5、用戶可以直接使用新版本(自動更新,不需用戶手動更新)。

缺點:

1、由於Web技術本身的限制,H5移動應用不能直接訪問設備硬件和離線存儲,所以在體驗和性能上有很大的局限性;

2、對聯網要求高,離線不能做任何操作;

3、功能有限;

4、APP反應速度慢,頁面切換流暢性較差;

5、圖片和動畫支持性不高;

6、用戶體驗感較差;

7、無法調用手機硬件(攝像頭、麥克風等)。

 

 

三、混合APP開發(原生+H5)

混合開發(Hybrid App開發),是指在開發一款App產品的時候,為了提高效率、節省成本而利用原生與H5的開發技術的混合應用。通俗點來說,這就是網頁的模式,通常由“HTML5雲網站+APP應用客戶端”兩部份構成。

混合開發是一種取長補短的開發模式,原生代碼部分利用Web View插件或者其它框架為H5提供容器,程序主要的業務實現、界面展示都是利用與H5相關的Web技術進行實現的。比如京東、淘寶、今日頭條等APP都是利用混合開發模式而成的。

優點:

1、開發效率高,節約時間。同一套代碼Android和IOS基本上都可使用;

2、更新和部署比較方便,每次升級版本只需要在服務器端升級即可,不再需要上傳到App Store進行審核;

3、代碼維護方便、版本更新快,節省產品成本;

4、比web版實現功能多;

5、可離線運行。

缺點:

1、功能/界面無法自定:所有內容都是固定的,不能換界面或增加功能;

2、加載緩慢/網絡要求高:混合APP數據需要全部從服務器調取,每個頁面都需要重新下載,因此打開速度慢,網絡占用高,緩沖時間長,容易讓用戶反感;

3、安全性比較低:代碼都是以前的老代碼,不能很好地兼容新手機系統,且安全性較低,網絡發展這么快,病毒這么多,如果不實時更新,定期檢查,容易產生漏洞,造成直接經濟損失;

4、既懂原生開發又懂H5開發的高端人才難找。

 

 

 

主流的跨平台移動開發框架:React Native,、Flutter、NativeScript、和Xamarin。

1. Reaction Native

  

  Reaction Native是Facebook於2015年發布的開源、跨平台的應用開發框架。

  基於React.JS,React Native利用JavaScript(根據2019年Stack Overflow的調查,JavaScript成為了最受歡迎的編程語言),為Android和iOS用戶提供真正接近原生的應用外觀和體驗。這要歸功於它使用了Android和iOS的本地控制器。它還使用帶有UI元素的ReactJS庫,這有助於加快UI設計過程。

  如果你需要,React Native允許你使用Java、Objective-C或SWIFT編寫部分原生模塊來順利處理復雜的操作,如視頻播放或圖像編輯。雖然這些組件不能在不同的平台之間共享,並且需要開發人員做更多的工作,但多達90%的React Native代碼是可以重用的。

  它還可用在不丟失應用程序狀態的情況下對UI進行更改。

 

2. Flutter

  

  它在Google I/O 2017上宣布,並於2018年發布,對於跨平台的世界來說,它現在仍然是一個“新人”。

  它於 2011 年推出,是一種響應式面向對象的語言,被開發者認為相對容易學習,其中原因有二:

    語法上它借鑒了C/C++ 和 Java;

    在官方網站上,您可以找到內容廣泛且相當簡單的文檔。

  值得一提的是,Dart 附帶了大量Flutter 兼容軟件包的軟件包,允許您使應用程序更加復雜。

  Flutter的一個主要優勢是,它的性能比本文提到的任何其他跨平台移動開發框架都要好。這歸功於Dart的編譯器和Flutter擁有自己的一套小部件。

  結果是它能更快、更直接地與平台直接通信,而不需要JavaScript橋(例如,Reaction Native就是這種情況)。

  說到小部件:通過Flutter的“UI-as-a-code”方法,它們只用DART編寫,這就提高了代碼的可重用性。

  效率與用戶體驗和界面密不可分。如前所述,Flutter不依賴於一組原生組件,而是利用可視化、結構化、平台性和交互式小部件進行UI的設計,所有這些都由框架的圖形引擎呈現。

  更重要的是,Flutter留下了很大的定制空間,如果你想要設計一個很完美的UI,它是個很好的選擇。

 

3. NativeScript  

  

 

4. Xamarin

  

 

 

 

參考:https://www.trustexporter.com/yingyongruanjian/o5396929.htm

參考:https://mp.weixin.qq.com/s/TIoyGG4JS16z_vcDb9XbHQ


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM