十個令人驚嘆的漸進式網(wǎng)頁應用 (PWA) 案例

本文將展示十個不同類型的漸進式網(wǎng)頁應用 (PWA) 案例，它們巧妙地利用了Web技術，提供媲美原生應用的用戶體驗。

1. Redmenta：個性化學習路徑規(guī)劃平臺

Redmenta 是一款基于人工智能的平臺，幫助教師和學生從現(xiàn)有課程中創(chuàng)建個性化學習路徑。該軟件為學生生成學習活動，并允許教師跟蹤學生的學習進度。作為漸進式網(wǎng)頁應用 (PWA)，Redmenta 可直接從瀏覽器安裝到任何設備上，無需下載應用商店應用。

Redmenta 是現(xiàn)代應用的完美典范：使用 React 構建，由 AI 驅(qū)動，設計精美，支持移動設備響應式，并通過開放網(wǎng)絡分發(fā)。

2. Fodmapedia：低FODMAP飲食助手

Fodmapedia 專為腸易激綜合征患者設計，幫助他們通過低FODMAP飲食來管理癥狀。這個無需代碼即可使用 Bubble 開發(fā)的 PWA 示例，幫助用戶識別哪些食物適合他們的飲食需求。由于這是一個日常使用的工具，因此可以直接從主頁安裝網(wǎng)站作為應用程序。

點擊“安裝”，系統(tǒng)會逐步指導您將 PWA 添加到主屏幕。該說明會根據(jù)您的具體設備進行智能調(diào)整。借助現(xiàn)代網(wǎng)絡技術，PWA 現(xiàn)在幾乎可以從任何地方安裝。

對于可能錯過初始提示的用戶，F(xiàn)odmapedia 在頁眉中提供了一個方便的安裝鏈接。此鏈接將帶您進入一個專門的安裝頁面，其中包含應用程序屏幕截圖、詳細信息，甚至評論。

Fodmapedia 是一個很好的 PWA 示例，它展示了如何在無需代碼的情況下解決用戶的明確、切實的問題，并在應用商店之外進行分發(fā)。

3. Bingo em Casa：巴西體育博彩和賭場應用

Bingo em Casa 是一款巴西體育博彩和賭場應用，它選擇使用 PWA 而不是原生應用——鑒于其應用屬于 Google Play 和 App Store 上禁止的類別，這是一個明確的選擇。

事實上，對于賭博、成人內(nèi)容、加密貨幣、大麻和健康等敏感行業(yè)的應用，PWA 是理想的解決方案。使用 PWA，您可以完全控制分發(fā)，同時仍然確保您的應用可以方便地位于用戶的家屏幕上，而無需要求他們下載可疑的可執(zhí)行文件。

Bingo em Casa 鼓勵用戶直接從登錄頁面安裝其 PWA。安裝是即時的，一旦應用從您的主屏幕啟動，系統(tǒng)會提示您啟用推送通知。此流程特別有效——在 iOS（從 16.4 版本開始），推送通知僅在已安裝的 PWA 中可用。

與在啟動時立即顯示通知提示的侵入性網(wǎng)站不同，Bingo em Casa 會巧妙地等到您展示了對應用的有意義的參與后，才會優(yōu)雅地邀請您選擇加入通知。做得很好！

4. Nekodex：加密貨幣錢包應用

Nekodex 是一款加密貨幣錢包應用。與之前的 PWA 示例一樣，它利用 Web 格式規(guī)避應用商店限制，同時提供無縫的用戶體驗。

憑借其精美的動畫和拋光的界面，一旦安裝，此 Web 應用幾乎與原生應用無法區(qū)分。一些開發(fā)人員認為 PWA 的視覺吸引力或功能不如原生應用。Nekodex 證明了并非如此，它展示了 PWA 可以看起來和感覺非常時尚。

他們的跨設備安裝方法也很巧妙。點擊其網(wǎng)站右上角的“啟動應用”，即可顯示一個代碼。使用您的手機掃描代碼，系統(tǒng)會指導您直接安裝應用。太聰明了！

5. Run247：越野跑和超長跑愛好者社區(qū)

Run247 是一個面向越野跑和超長跑愛好者的全球社區(qū)，提供新聞、活動和專家建議。與其姊妹應用 Tri247 一樣，它也選擇了 PWA 格式進行分發(fā)。

與前面提到的主要面向移動設備的 PWA 不同，Run247 同樣適用于桌面和移動用戶。一個特別好的地方是網(wǎng)站左上角的“添加應用”按鈕。只需單擊一下，即可立即將應用安裝到您的計算機或手機上，確?？缭O備輕松訪問。

PWA 安裝不僅限于移動設備——它還適用于 macOS（通過 Safari、Chrome、Brave 或 Edge）、Windows（使用 Chrome、Brave 或 Edge）甚至 ChromeOS！

此 PWA 示例非常徹底地處理了安裝邏輯。例如，以下是在使用少數(shù)與 PWA 安裝不兼容的瀏覽器（實際上主要是桌面的 Firefox）時發(fā)生的情況。

6. Fou d’la bouffe：魁北克和安大略省送餐服務

Fou d’la Bouffe 是一家在魁北克和安大略省運營的送餐服務公司，這兩個地區(qū)每天都使用法語和英語。為了迎合這種雙語受眾，該應用提供法語和英語兩種版本。加載頁面后，應用會檢測用戶的語言并相應地提示用戶安裝 PWA：

對于送餐服務來說，在客戶的主屏幕上占據(jù)一席之地至關重要。憑借地理位置和推送通知等高級功能，此 PWA 示例完美地展示了 Web 的功能。

7. Music League：跨平臺音樂發(fā)現(xiàn)游戲

Music League 是一款跨平臺音樂發(fā)現(xiàn)游戲。與許多原生應用一樣，其登錄頁面提供了應用的簡要概述以及安裝選項。但是，與大多數(shù)原生應用不同，Music League 提供了卓越的靈活性：

無需強制安裝——您可以在瀏覽器中直接玩游戲，或者如果您愿意，也可以選擇將其安裝到您的手機上。這是一個有效利用 PWA 格式的絕佳示例。通過消除瀏覽傳統(tǒng)應用商店的摩擦，Music League 的開發(fā)人員提高了其應用的采用率。

8. Sky Freebies：免費商品和樣品發(fā)現(xiàn)平臺

Sky Freebies 是一個幫助您發(fā)現(xiàn)各種零售商提供的免費商品和樣品的優(yōu)惠平臺。

但正如您可能想象的那樣，免費贈品不會永遠持續(xù)！這就是為什么用戶需要定期檢查網(wǎng)站以抓住最新的優(yōu)惠。為了使這更容易，他們添加了一個方便的安裝窗口小部件，該窗口小部件在您瀏覽網(wǎng)站時始終可用：

安裝應用并啟動后，您會看到內(nèi)容本身。Sky Freebies 會檢測顯示模式并相應地調(diào)整用戶體驗。整個體驗是一段流暢、無縫的旅程——從訪問主頁到直接從主屏幕啟動應用。

Sky Freebies 還充分利用了推送通知，在將新優(yōu)惠添加到應用后立即提醒您。當然，這些通知是完全自愿的。

有趣的是，雖然該應用在 Web 上完全可用，但它也可以在 Google Play 或 Windows 應用商店下載。雖然 Apple 限制了 PWA，但 Google 和 Microsoft 對 Web 應用更加開放。因此，選擇 PWA 格式并不意味著放棄習慣使用傳統(tǒng)應用商店的用戶。

9. The Bedford Guide：貝德福德本地指南

PWA 是本地指南的理想格式，The Bedford Guide 就是一個完美的例子。它可以幫助您探索英國貝德福德最好的餐廳、酒吧、景點和其他熱點。

計劃訪問貝德福德？只需將網(wǎng)站安裝到您的設備上，即可在需要時輕松訪問。

The Bedford Guide 使用 WordPress 開發(fā)，打開時會顯示一個漂亮的啟動畫面，就像原生應用一樣！

10. HobbyHop：工藝品在線商店

您定期從一些在線商店訂購商品嗎？為什么不將它們添加到手機的主屏幕以方便訪問呢？HobbyHop 是一家由 Shopify 提供支持的工藝品商店——它也是一個 PWA！

Shopify 是在線銷售產(chǎn)品的最簡單平臺之一，由于 Shopify 應用商店，將您的商店變成具有安裝和推送通知功能的 PWA 只需單擊一下即可完成。

HobbyHop 從其主頁的頁腳鏈接到其自己的安裝頁面。這是一種在不干擾用戶在應用中的旅程的情況下推廣安裝的直接方法。

11. Photopea：免費Photoshop替代品

最后但并非最不重要的是，我必須提到 Photopea，在我看來，這是在 Web 上構建的最偉大的軟件之一。簡而言之，它是一個免費的 Photoshop 替代品，完全使用 Web 技術（如 HTML、CSS 和 JavaScript）開發(fā)。

與其他示例一樣，您可以將其作為 PWA 安裝到您的設備上。在我的 Mac 的 Dock 中有它，并且?guī)缀趺刻於际褂盟?。它的運行效果非常好，以至于我實際上無法分辨它不是原生應用。

然而，Photopea 真正令人驚嘆的是它實際的功能。讓設計師可以直接在 Web 上處理如此復雜的任務簡直是天才之舉。

對 PWA 的潛力持懷疑態(tài)度？試試 Photopea——它可能會改變您的看法。

以上是您可以在 5 年內(nèi)學習的現(xiàn)實生活中的 PWA 示例的詳細內(nèi)容。更多信息請關注PHP中文網(wǎng)其他相關文章！