漸進網絡應用程序和混合移動應用程序之間的區別

Question

有人能告訴我混合移動應用程序和漸進式Web應用程序及其優點之間的區別嗎？

Answer 1

混合移動應用程序通常是指使用通過本機應用程序商店分發的Web和本機技術的組合構建的應用程序。這些應用程序通過蘋果，谷歌，微軟等的應用程序商店審查過程。

漸進式Web應用程序是一種使用Web技術構建的應用程序，該技術可在瀏覽器中運行並可添加到主屏幕。它不通過本機應用程序商店分發。

一些混合移動應用平臺包括PhoneGap（又名Cordova）Appcelerator Titanium，和Ionic。您不需要創建混合應用程序的平臺，但它們很有用，因爲它們已經在創建本機API和JavaScript API之間的橋樑。

Progressive Web Apps只是在瀏覽器中運行，所以它們可以用基本的HTML，CSS和JavaScript構建。

Answer 2

Web App Web App存儲在遠程服務器上並通過瀏覽器通過互聯網傳送。網絡應用不是真正的應用程序;他們真的是網站，在許多方面，看起來和感覺像本機應用程序。它們由瀏覽器運行，通常用HTML5編寫。用戶首先訪問他們，因爲他們將訪問任何網頁：他們導航到一個特殊的URL，然後通過創建該頁面的書籤，可以選擇「在主屏幕上」安裝它們。

混合應用 混合應用程序是像本地應用，在設備上運行，並與網絡技術（HTML5，CSS和JavaScript）被寫入。混合應用程序在本地容器內運行，並利用設備的瀏覽器引擎（但不是瀏覽器）來呈現HTML並在本地處理JavaScript。 Web到本機抽象層允許訪問移動Web應用程序無法訪問的設備功能，例如加速計，相機和本地存儲。 通常，公司將混合應用程序構建爲現有網頁的包裝;通過這種方式，他們希望能夠在應用商店中佔有一席之地，而不需要花費大量精力開發不同的應用。混合應用程序也很受歡迎，因爲它們允許跨平臺開發：也就是說，相同的HTML代碼組件可以在不同的移動操作系統上重複使用，從而顯着降低開發成本。諸如Cordova/PhoneGap和Sencha Touch之類的工具允許人們使用HTML

Answer 3

混合移動應用程序跨平臺進行設計和編碼。混合開發結合了原生和HTML5世界的最佳（或最差）。我們將混合定義爲一個Web應用程序，主要是使用HTML5和JavaScript構建的，然後打包在一個精簡的本地容器中，該容器提供對本機平臺功能的訪問。

漸進式Web應用程序是結合了最好的網絡和最好的應用程序的體驗。它們對用戶來說是非常有用的，從瀏覽器標籤中的第一次訪問開始，無需安裝。隨着用戶逐漸與應用程序建立關係，它變得越來越強大。即使在片狀網絡上，它也可以快速加載，發送相關推送通知，在主屏幕上顯示圖標，並加載爲頂級全屏體驗。

一些混合移動應用程序平臺是WaveMaker，Mendix和quickbase。

我個人喜歡WaveMaker用於構建混合應用和網絡應用。

Answer 4

混合應用程序 - 它是一個本地應用程序，它也使用web技術（html/js/css）進行代碼重用和易於開發。該應用程序需要從App Store下載。 開發人員無法立即推送更改，因爲appstore等應用程序審查存在「週期」。

漸進式Web應用程序 - Web應用程序，它使用HTML5中的最新技術並提供豐富的用戶體驗和功能。 支持離線模式（如常規應用程序）。代碼推送很容易。最好的部分是，您不需要爲iOS，Android和桌面單獨開發和部署過程。

Answer 5

進Web應用程序： 直到最近移動Web應用缺少很多像發送推送通知的能力，脫機工作，並負載上的主屏幕原生移動應用的功能，但也出現了一些改進到提供這些功能的瀏覽器和Web應用程序。利用這些功能的應用程序稱爲漸進式網絡應用程序。

是漸進的網絡應用程序的路要走嗎？這取決於你的目標是什麼。他們只在Google Chrome上工作，這是相當有限的。如果您的目標是覆蓋Android和iOS上的受衆羣體，那麼漸進式網絡應用可能不適合您。從這個意義上說，它們不能替代移動應用程序，但它們可以成爲快速將手機應用程序樣式的Web應用程序移植到人們手中的一種方式。如果您正在考慮將您的網絡應用轉換爲漸進式網絡應用，請考慮使用像Canvas這樣的解決方案將您的網絡應用製作成移動應用。這很簡單！

網絡應用程序： Web應用程序「是通過網絡瀏覽器訪問通過網絡如互聯網的應用程序。」因此，這怎麼不是一個網站有什麼不同？

區別是主觀的，但大多數人會同意，網站通常只是信息性的，而網絡應用程序提供功能。例如，維基百科是一個網站;它提供了信息。 Facebook是一個網絡應用程序。

不要讓「app」這個詞混淆你。 Web應用程序不需要像移動應用程序那樣下載。 Web應用加載到Chrome，Safari或Firefox等瀏覽器中，並且不會佔用用戶設備上的任何內存或存儲空間。

它們是如何構建的？絕大多數都是使用JavaScript，CSS和HTML5構建的。與移動iOS或Android應用程序不同，開發人員無需使用軟件開發工具包（SDK）。有像Angular，React和Vue.js等模板和框架可以用來快速入門。與移動應用程序相反，開發Web應用程序可能非常簡單快捷，但它們的簡單性也是它們的缺點。在投資移動應用程序之前，通常是測試一個想法的好方法。

混合應用程序： 如果原生應用程序和網絡應用程序結婚並有一個孩子，它將是一個混合應用程序。你像安裝本地應用程序一樣安裝它，但它實際上是內部的一個Web應用程序。混合應用程序（如Web應用程序）使用Javascript，HTML和CSS構建，並在您的應用程序中的一個稱爲Webview的簡化瀏覽器中運行。

爲什麼要考慮混合動力？假設你有一個應用程序的想法，你不知道人們是否會喜歡它。你的目標是儘快將可用的東西放在他們手中。在創業世界中，這被稱爲MVP或最小可行產品。您資源短缺，因此您需要創建仍然提供價值的簡單版本的產品。構建一個Web應用程序可能是真正的最小選項，但不會真的讓你測試人們是否會在他們的設備上下載和使用應用程序。

Refrence：https://www.mobiloud.com/blog/native-web-or-hybrid-apps/

Answer 6

進Web應用程序

這個由谷歌開發的相對較新的技術，使移動設備的網站或網絡應用程序添加到智能手機的主屏幕，並能夠與互動它離線。

優點

• 允許推送通知
• 應用程序可以在離線模式下工作
• 底層的網站通常會得到更好的排名在搜索引擎

缺點

• 這種技術只是一個瀏覽器的包裝，不是一個全功能的應用程序，所以在技術上它仍然是一個網站
• 用戶不會得到一個原生應用體驗（即交互，動畫，性能），因爲用戶界面只是一個全屏瀏覽器窗口，沒有可脫機工作的URL欄。
• 相容性差（仍然不適用於iPhone和iPad）

混合移動應用

這裏可以有兩種選擇：

框架像Apache科爾多瓦，離子和PhoneGap的

優點

• 高的發展速度
• 編碼的Web開發技術（HTML，CSS，JavaScript）的，其產生的交叉兼容的iOS，Android和網絡軟件（只需要一個Web開發人員）
• 框架是availalbe是效仿本地應用UI元素（即按鈕，菜單等）
• UX非常接近使用模仿原生應用行爲的UI元素的本地體驗，可以訪問智能手機的硬件API，便於設備功能（例如相機，推送通知，地理定位等） ）

缺點

• UX並不好，因爲它是在原生應用（300ms的延遲點擊，滾動時幻象點擊等）
• 的應用程序越複雜，越慢的工作，由於採用
• 各種包裝和庫不離線工作
• 動畫很難在UI實現

或本機作出反應。

優點

• 高發展速度的陣營爲基礎的應用程序
與React.js內置
• Web應用程序可以很容易地轉換成一個陣營本地移動應用，以及一些源代碼被重複使用
• 本地用戶體驗
• 應用的外觀和感覺與特定平臺的原生移動應用完全相同
• 降低開發成本
• 專家陣營本土通常可以構建Android和iOS這兩個應用程序

缺點

• 較新的技術（限開源解決方案）
• 有限的視覺設計
• 對於複雜的pr像手機遊戲或應用ojects需要高負荷（顯著計算）

最近我們就這個話題寫了一篇文章：From Website to Mobile App – Your Four Best Options

我相信你會有興趣。