移動APP開發(fā)框架盤點之Web移動前端框架概覽
一、開源項目的成熟周期與前端框架的演進
自React框架在2013年問世以來，前端框架的發(fā)展進入了一個嶄新的時代。大約每三年，便會涌現(xiàn)出一輪新的技術(shù)熱潮。而在2015年，React Native的開源標志著Web移動前端周期的開啟。從15年至16年，再到18年至19年，直至當前的21至22年，Web移動前端領域經(jīng)歷了三次技術(shù)大爆炸。
二、技術(shù)周期猜想與驗證
在第一個成熟收獲期，我們對移動開發(fā)框架進行了盤點。如今，站在第二個成熟收獲期的門檻上，我們發(fā)現(xiàn)開源項目的生命周期似乎遵循著一個驚人的準周期——當查看GitHub項目的代碼頻率時，這一猜想更是令人驚訝。在這里，我將先與大家分享這一觀察，剩余的部分歡迎大家自行驗證。
三、Vue與React：停止維護項目的對比
在盤點過程中，一個有趣的發(fā)現(xiàn)是我們注意到大多數(shù)停止維護的項目使用的是Vue框架。而React框架在選擇面和成熟度上都似乎超越了Vue。盡管原因在這里不做過多的分析，但每個人心中都有自己的看法。這可能是因為React和Vue有著不同的設計理念和使用場景，使得它們在不同的項目中有不同的表現(xiàn)。但無論如何，大廠在移動開發(fā)上的需求推動了前端框架的發(fā)展。
四、漸進類框架：多端同構(gòu)與小程序框架的崛起
隨著小程序平臺的興起，多端框架的需求不斷增長。盡管大多數(shù)先行者未能經(jīng)受住市場的考驗，但Taro等框架的成功仍然引人注目。漸進類框架作為一個過渡性的產(chǎn)品，最終將與橋接類框架協(xié)同工作，成為未來的主流框架之一。當前市場上主流的橋接類框架如騰訊的新一代跨端開發(fā)框架Hippy等已經(jīng)開始在這一賽道展開競爭。這個賽道已經(jīng)成為大廠的主戰(zhàn)場。這些框架的功能和性能不斷提升，滿足了各種復雜的應用需求。
五、騰訊新一代跨端開發(fā)框架Hippy的崛起與挑戰(zhàn)
Hippy是淘寶Weex的對標項目之一，其Kpi功能全面壓制對手。因此它支持React和Vue兩種主流前端框架，以應對不同的開發(fā)需求。Hippy的架構(gòu)分為三個層次：UI(JS)層由Hippy-React和Hippy-Vue驅(qū)動UI指令生成；中間層C++HippyCore負責抹平平臺差異性和提供高性能模塊；渲染層則負責提供終端底層模塊、組件并與布局引擎通信。然而隨著Weex的實質(zhì)停更，Hippy面臨的競爭壓力加大，如何在激烈的市場競爭中保持領先地位是一個重要的挑戰(zhàn)。隨著技術(shù)的進步和市場需求的不斷變化新的跨端開發(fā)框架將會不斷涌現(xiàn)未來的競爭將更加激烈。因此Hippy需要不斷創(chuàng)新和改進以適應市場的變化滿足用戶的需求。同時Hippy也需要與其他的跨端開發(fā)框架進行良好的協(xié)作共同推動移動開發(fā)技術(shù)的進步和發(fā)展。
第一章：Weex的落幕與北海的崛起
Weex的最終退場是必然的，而淘寶在此基礎上發(fā)布了北海，旨在實現(xiàn)“Write Once, Run Everywhere”的愿景。北海采用自繪技術(shù)，特別是基于Flutter的自繪，為用戶帶來全新的體驗。
第二章：Hippy的功能擴展與騰訊風格
Hippy3.x在功能上不斷疊加，體現(xiàn)了騰訊的穩(wěn)健風格。未來的Hippy 3.x將在業(yè)務與渲染層提供更多選擇。業(yè)務層不再局限于JS驅(qū)動，支持DSL、Dart等其他語言驅(qū)動；渲染層除了原生渲染外，也引入了如Flutter等其他渲染方式。
第三章：Kraken北?！咝阅躓eb渲染引擎的崛起
Kraken北海是一款基于Flutter的高性能Web渲染引擎。它并不限制上層開發(fā)者的框架選擇，無論是Vue、Rax還是React都能輕松開發(fā)Kraken應用。通過JS Engine Binding，Kraken提供了一系列Web標準的API接口，確保在各種指令下的邏輯執(zhí)行和高效通信。
第四章：Kraken的特性與跨平臺一致性追求
Kraken其實是一個追求全平臺一致性的小程序平臺。盡管不同平臺存在自然差異，但Kraken努力確保體驗的無縫銜接。作為一款基于W3C標準的高性能渲染引擎，Kraken注重標準實現(xiàn)，同時展現(xiàn)出小程序平臺的特色。Kraken還具備小號瀏覽器的功能，致力于提供基于W3C標準的優(yōu)質(zhì)體驗。
第五章：Hummer與移動前端開發(fā)的新動態(tài)
Hummer是滴滴推出的超輕量級動態(tài)化跨端開發(fā)框架。它以JS引擎為基石，支持多種JS引擎，配合優(yōu)化的Yoga布局引擎，消除了兩端視圖布局差異。Hummer的特點在于摒棄了DSL層和VDOM層，換來接近原生開發(fā)的體驗和性能。在此基礎上，Tenon框架提供了基于MVVM架構(gòu)的開發(fā)方式，使Vue和React的代碼能夠轉(zhuǎn)換為原生Hummer代碼。Hummer作為小程序平臺，其超輕量特性使其成為提升APP能力的理想選擇。
第六章：Web移動前端的發(fā)展與未來探索
Web移動前端框架正迎來第三個高速發(fā)展期，各類框架繁榮興盛。個人在項目中的具體貢獻已顯微不足道，而創(chuàng)新和架構(gòu)創(chuàng)新成為制勝關鍵。React因其出色的性能和創(chuàng)新力受到廣泛看好。對于前端組件庫的切換代價問題，設想創(chuàng)建一個無縫切換組件庫的框架，支持所有組件庫并為后來者提供機會。此類框架可能由小廠進行探索，而大廠由于平臺部門決策原因，可能不會有發(fā)布此類框架的意愿。接下來將發(fā)布useMobile系列框架，包括useMobileReact和useMobileVue，為開發(fā)者提供更多選擇和可能性。微軟企業(yè)服務與iOS平臺的碰撞：Outlook Web App的新應用體驗
======================
一、微軟Outlook Web App在iOS的新動態(tài)
-
近日，在廣州的app開發(fā)公司啟匯網(wǎng)絡官網(wǎng)上，微軟宣布在IOS平臺上推出了Outlook Web App的原生應用。這一舉措將微軟的企業(yè)服務Exchange推向了全新的高度。這款應用不僅針對手機和平板設備進行了優(yōu)化，更是微軟為企業(yè)用戶提供的在線電子郵件服務的一大革新。它與普通消費者使用的Outlook.com有所不同，專門為企業(yè)用戶量身打造。這次推出的OWA for iOS本地應用不僅繼承了Web版本的Modern UI體驗，還新增了諸多功能，如新郵件推送提醒、聯(lián)系人同步、離線使用以及語音命令等。管理員還可以遠程刪除數(shù)據(jù)，為企業(yè)用戶提供更為全面的數(shù)據(jù)管理。
二、理解Web App開發(fā)
-
那么，什么是Web App開發(fā)呢？簡單來說，它就是一個針對Iphone和Android優(yōu)化后的web站點。其核心技術(shù)包括HTML或HTML5、CSS3和JavaScript，服務端技術(shù)則可能涉及JAVA、PHP、ASP等。這種開發(fā)方式的優(yōu)勢在于，開發(fā)者可以利用自己已經(jīng)熟悉的web開發(fā)技術(shù)來創(chuàng)建跨平臺的應用程序，大大減少了開發(fā)成本和學習曲線。Web App還可以享受到和Native App相似的用戶體驗，但開發(fā)過程更為簡便。
三、Web App開發(fā)的優(yōu)勢與挑戰(zhàn)
隨著移動互聯(lián)網(wǎng)的普及，Web App開發(fā)已經(jīng)被各大企業(yè)所重視。從app開發(fā)公司的角度看，Web App開發(fā)具有以下魅力：它的開發(fā)成本低，只要掌握了web開發(fā)技術(shù)，就可以輕松完成開發(fā)。Web App的升級非常簡單，只需在服務端更新文件即可，無需通知用戶。Web App的維護成本也相對較低，因為它本質(zhì)上就是一個網(wǎng)站。Web App還具備離線使用的優(yōu)勢。HTML5技術(shù)的出現(xiàn)使得Web App可以在沒有網(wǎng)絡聯(lián)接的情況下工作，這為開發(fā)者提供了更大的靈活性。Web App提供了一種主人翁的感覺給用戶，他們可以和內(nèi)容或其他人進行交互，這是傳統(tǒng)網(wǎng)站所無法比擬的。
四、如何區(qū)分Web App和網(wǎng)站？
-
那么如何區(qū)分一個應用是Web App還是傳統(tǒng)網(wǎng)站呢？Web App提供了豐富的視覺體驗，同時注重美學和設計模式的使用，讓用戶在使用過程中不會感到分心。Web App非常注重用戶的交互和參與，鼓勵用戶完成任務而不是僅僅瀏覽網(wǎng)頁。Web App是自包含的，用戶無需跳轉(zhuǎn)到其他站點或應用就能完成任務。這意味著Web App更像是一個完整的應用程序，而不是一個簡單的網(wǎng)頁。它們提供了更好的用戶體驗，讓用戶能更容易地完成任務，并充分利用設備本地的一些性能。
五、展望未來：Web App與Native App的碰撞與融合
隨著移動互聯(lián)網(wǎng)的不斷發(fā)展，Web App和Native App之間的界限越來越模糊。Web App開發(fā)的靈活性、低成本和易于維護等特點使其受到了廣大app開發(fā)公司的青睞。而Native App則以其出色的性能和用戶體驗贏得了用戶的喜愛。未來，我們可能會看到更多的Web App采用Native App的技術(shù)和模式來提升用戶體驗和性能。Native App也可能會借鑒Web App的開發(fā)模式和理念來降低開發(fā)成本和提高開發(fā)效率。這種碰撞與融合將為我們帶來更多的可能性和創(chuàng)新空間。
原生APP與WebApp開發(fā)的差異探究
一、開發(fā)方面
原生APP開發(fā)需要針對每一種移動操作系統(tǒng)進行獨立開發(fā)，如iOS、安卓和Windows。每種平臺都需要使用其特定的開發(fā)語言，如Java（Android）、Objective-C（iOS）等。原生APP開發(fā)需要使用各自的軟件開發(fā)包、工具以及控件。開發(fā)成本較高，開發(fā)速度較慢，維護成本也隨之增加。而Web App則不同，它運行在移動設備的瀏覽器上，因此只需開發(fā)一次即可適應多平臺。使用HTML、CSS和JavaScript等Web技術(shù)即可進行開發(fā)，大大降低了開發(fā)成本并提高了開發(fā)速度。二、功能方面
原生App作為系統(tǒng)性的應用程序，能夠充分利用移動終端的硬件設備，如麥克風、攝像頭、短信、GPS、藍牙、重力感應等，實現(xiàn)功能豐富多樣。而Web App則更多側(cè)重于頁面展示和簡單交互，雖然無法完全使用所有硬件設備的功能，但仍然可以通過瀏覽器實現(xiàn)許多實用功能。三、應用安裝使用方面
原生App需要通過應用商店下載到手機或移動終端上，以獨立的應用程序運行。用戶需要手動下載并安裝這些原生App。而Web App則通過移動設備上的瀏覽器訪問，軟件更新只需更新服務器即可，無需用戶進行任何操作。這節(jié)省了用戶的手機終端內(nèi)存空間。四、版本控制方面
原生App的用戶可以自由選擇是否更新軟件版本，因此可能存在不同用戶使用不同版本的情況，這也帶來了維護成本的相對較高。使用舊版本的用戶無法體驗新版本的完整功能。而Web App則所有用戶使用同一版本，功能一致。版本更新相對便捷，只需在服務器側(cè)更新數(shù)據(jù)即可。但另一方面，由于Web App的入口可能不夠明顯（如通過瀏覽器導航或點擊鏈接進入），這可能會提高用戶記住并訪問的門檻，每次推廣導入的流量可能淪為一次性努力，用戶留存率較低。五、加載速度方面
一、引言
在當今數(shù)字化時代，App的應用與發(fā)展已經(jīng)深入到生活的方方面面。隨著技術(shù)的不斷進步，一種融合了原生App與Web App的新型應用模式應運而生，它在保留兩者優(yōu)勢的實現(xiàn)了更為靈活的應用體驗。
二、原生App與Web App的融合趨勢
1. 融合現(xiàn)狀
當前，一種流行趨勢日漸顯現(xiàn)，那就是原生App與Web App的融合。在這種融合模式下，應用的主體架構(gòu)保持原生形態(tài)，而詳細的業(yè)務內(nèi)容和部分功能則通過網(wǎng)頁進行封裝。這種方式的興起，為開發(fā)者提供了更為廣闊的創(chuàng)新空間。
三、融合的優(yōu)勢分析
2.1 便捷的內(nèi)容更新
融合模式使得內(nèi)容更新變得異常便捷。由于應用的部分內(nèi)容采用網(wǎng)頁封裝，開發(fā)者只需對網(wǎng)頁內(nèi)容進行更新，而無需對整個原生應用進行重構(gòu)或重新分發(fā)。這不僅大大縮短了更新周期，還降低了更新成本。
2.2 交互體驗的優(yōu)化
原生應用以其流暢的用戶界面和高效的性能，保證了核心功能的優(yōu)秀交互體驗。即使在內(nèi)容更新的情況下，也不會對用戶的體驗造成顯著影響。這種原生特性的保留，確保了應用的高質(zhì)量和用戶體驗的穩(wěn)定性。
四、具體實現(xiàn)方式
3.1 技術(shù)實現(xiàn)
這種融合的實現(xiàn)主要依賴于先進的開發(fā)技術(shù)和工具。開發(fā)者需要在原生應用的架構(gòu)中嵌入網(wǎng)頁視圖，并通過特定的技術(shù)手段實現(xiàn)原生與網(wǎng)頁之間的無縫銜接。這包括對原生應用的精心設計以及對網(wǎng)頁內(nèi)容的優(yōu)化處理。
五、未來展望
4. 未來發(fā)展趨勢
隨著移動互聯(lián)網(wǎng)的深入發(fā)展，原生App與Web App的融合模式將會持續(xù)受到關注并不斷發(fā)展。未來，這種模式可能會催生出更多創(chuàng)新性的應用，滿足用戶更為多樣化的需求。隨著技術(shù)的不斷進步，這種融合模式也將變得更加成熟和穩(wěn)定。
原生App與Web App的融合是當前的一種重要趨勢。這種融合模式不僅方便了內(nèi)容的更新和維護，還保證了核心功能的交互體驗。隨著技術(shù)的不斷進步和市場的深入發(fā)展，這種融合模式將為我們帶來更多的驚喜和可能性。
