Progressive Web App

PWA là gì?

Định nghĩa

PWA (Progressive Web App — Ứng dụng Web tiến bộ) là web app dùng các API hiện đại (Service Worker, Manifest, Push API) để có trải nghiệm giống app native: có thể 'install' từ browser, chạy offline, nhận push notification, có icon trên home screen. Tất cả từ 1 codebase web — không cần build riêng cho iOS + Android.

PWA là middle ground giữa web thuần và native app. Apple từng hạn chế PWA nhưng iOS 16.4+ (2023) đã support đầy đủ. Cho startup VN budget hạn chế hoặc app dùng thỉnh thoảng (1-3 lần/tháng): PWA là choice tự nhiên — tiết kiệm 60% so với native app development.

01 · Cấu thành

6 thành phần chính

Hiểu các thành phần cơ bản để biết khi nào triển khai phần nào trước.

Web App Manifest

File JSON định nghĩa app: tên, icon, theme color, display mode. Cho phép 'Add to Home Screen' từ browser.

Service Worker

Script chạy background, intercept network requests. Enable offline mode, caching strategy, background sync.

Push Notification API

Web có thể send notification giống native app. iOS 16.4+ + Android Chrome đều support.

Cache Storage API

Cache resources (HTML, JS, CSS, images) để load instantly offline hoặc khi connection chậm.

Install Prompt

Browser tự động prompt 'Add to Home Screen' khi user engaged (visit 2+ lần, time >30s). Custom UI possible.

Background Sync

Khi user offline: lưu actions, sync khi online lại. Critical cho form submission, message send.

02 · Lợi ích

4 lợi ích đo lường được

Không phải "tăng năng suất chung chung" — đây là con số thực từ các dự án Alodev đã triển khai.

Tiết kiệm 60-70% chi phí so với native

1 codebase Next.js cho web + PWA = no iOS/Android riêng. Cost 80-300tr thay vì 250-800tr cho native.

Update tức thì — không cần submit store

Deploy web update → user nhận ngay khi refresh. Không phải đợi Apple/Google review 1-3 ngày.

Discoverable qua Google

Web có URL → Google indexable. SEO traffic về app. Native app chỉ qua App Store search.

Không qua App Store / Google Play

Không trả 15-30% revenue cho Apple/Google. User install thẳng qua browser.

03 · Khi nào cần

Doanh nghiệp nên triển khai khi

Nếu ≥2/4 dấu hiệu dưới đúng với hiện trạng, là thời điểm phù hợp để bàn.

01Web app đã có, muốn 'install on home screen' experience cho repeat user
02App native không justify cost (use case 1-3 lần/tháng/user)
03Cần update tính năng nhanh — không muốn đợi App Store review
04Target user toàn cầu — app native cost 2x cho iOS + Android

04 · Tham khảo tiếp

Alodev có gì cho chủ đề này

Công nghệ Next.js — base cho PWA So sánh React Native vs Native Zalo Mini App là gì? — alternative cho VN Tư vấn PWA cho dự án của bạn

05 · FAQ

Câu hỏi thường gặp

PWA vs Native App — chọn cái nào?

PWA phù hợp khi: (1) Budget hạn chế, (2) Use case dùng thỉnh thoảng (đặt khám, đặt vé), (3) Cần update nhanh + đa platform. Native khi: (1) App dùng hằng ngày (banking, social), (2) Cần native features (camera advanced, biometric, AR), (3) UX premium quan trọng. PWA tốt cho 60% web app, native cho 30%, hybrid cho 10%.

PWA có hoạt động trên iOS không?

Từ iOS 16.4 (2023): support đầy đủ — push notification, install, service worker. Trước 16.4: hạn chế (no push, no install icon đẹp). Hiện tại 2026, iOS user base 16.4+ là 95%+ → PWA viable cho iOS production.

PWA vs Zalo Mini App tại VN?

Cả 2 đều avoid app native cost. PWA: standalone, install từ browser, work toàn cầu. Zalo Mini App: chỉ trong Zalo, tận dụng 75M user VN, distribution tốt hơn. Cho VN-only audience: Zalo Mini App. Cho global hoặc cross-platform: PWA. Có thể làm cả 2 từ shared codebase.

Chi phí build PWA so với web thường?

PWA = web app + service worker + manifest. Overhead tech: 10-20% so với web thường. Web cơ bản 30-80tr → PWA 35-95tr. Web app advanced 100-300tr → PWA 110-330tr. ROI cao nếu use case cần install + offline + push.

PWA có giới hạn gì so với native?

Hạn chế: (1) Bluetooth, USB API hạn chế trên iOS, (2) Background processing kém native, (3) UI feel hơi web (không hoàn toàn native), (4) Không có hệ thống IAP (in-app purchase) tích hợp như App Store. Nếu các features này critical → native. Đa số business app không cần.

06 · Khái niệm khác

Tham khảo các khái niệm liên quan

Digital Transformation

6 thành phần chính

Web App Manifest

Service Worker

Push Notification API

Cache Storage API

Install Prompt

Background Sync

4 lợi ích đo lường được

Tiết kiệm 60-70% chi phí so với native

Update tức thì — không cần submit store

Discoverable qua Google

Không qua App Store / Google Play

Doanh nghiệp nên triển khai khi

Alodev có gì cho chủ đề này

Câu hỏi thường gặp

Tham khảo các khái niệm liên quan

Chuyển đổi số là gì?

ERP là gì?

CRM là gì?

API là gì?

SaaS là gì?

AI cho doanh nghiệp là gì?

Workflow Automation là gì?

Cloud Computing là gì?

Microservices là gì?

DevOps là gì?

Zalo Mini App là gì?

Edge Computing là gì?