Web app, Mobile app, PWA, Native — phân biệt 4 loại ứng dụng

Hiểu đơn giản nhất

Có 4 loại app mà user gặp hàng ngày, khác nhau ở cách phân phối + công nghệ build:

Cùng một app như Shopee tồn tại ở cả 4 dạng: shopee.vn (web app) + Shopee iOS/Android (native, viết bằng React Native — cross-platform), và bạn có thể "add to home screen" web shopee.vn để có icon (PWA).

Tại sao bạn cần biết

• Tiết kiệm 50-70% chi phí dev. Build web app riêng + iOS riêng + Android riêng = $300k+. Build cross-platform (React Native, Flutter) hoặc web + PWA = $80-150k.
• Time-to-market. Web app deploy 1 ngày. Native app xét duyệt 1-7 ngày (iOS) + chuẩn bị App Store 1-2 tuần. Test ý tưởng cần web trước.
• Hiểu báo giá agency. Hỏi agency "build app" — phải đào sâu họ định nghĩa "app" là gì. Native iOS+Android = đắt nhất. Web + PWA = rẻ nhất.
• SEO mang user. SEO (Search Engine Optimization — tối ưu công cụ tìm kiếm). Native app không xuất hiện trên Google. Web app có SEO = lượt traffic miễn phí. Mỗi user mobile app cost $5-50 acquisition; web app SEO cost $0.

So sánh chi tiết 4 loại

Web app — quán mở 24/7

Web app chạy trong trình duyệt — không cần cài. Truy cập bằng URL hoặc Google search.

Ví dụ web app trong cuộc sống

• Notion, Linear, ClickUp (productivity)
• Google Docs, Sheets, Slides (office)
• Canva, Figma (design)
• Vercel, Cloudflare, GitHub (dev)
• Shopee Web, Tiki Web, Lazada Web (e-commerce)

Tất cả đều có version web đầy đủ tính năng, đa số có cả mobile native riêng nhưng web là "primary".

Khi nào chọn web app

• MVP (Minimum Viable Product — sản phẩm tối thiểu khả dụng) test ý tưởng — deploy (triển khai — đưa code lên server chạy) nhanh, sửa nhanh, không cần xét duyệt
• B2B SaaS, internal tool — user dùng máy tính, không cần offline
• Content + marketing site — SEO là main source of traffic
• App ít engagement — user dùng 1 lần/tuần, không cần icon trên màn home

Mobile Native — cửa hàng riêng

App native được code riêng cho từng platform:

Khi nào chọn native

• Game cần GPU performance cao
• Camera/AR/3D (TikTok hiệu ứng, Snapchat filter)
• Bluetooth, NFC, Push siêu engagement (Spotify, Strava, banking)
• App độc đáo platform (Apple Watch app, Android Auto)
• Có budget + team chuyên ($60-200k dự án trung bình)

PWA — kiosk lai giữa web + app

PWA là web app cộng thêm 3 tính năng:

1. Service Worker — cache để chạy offline
2. Web App Manifest — file manifest.json cho phép "add to home screen"
3. HTTPS bắt buộc (Let's Encrypt free)

User vào web → trình duyệt nhận biết là PWA → hỏi "Add to Home Screen?". Sau khi add, app xuất hiện như icon native, mở fullscreen không có thanh URL.

PWA mạnh ở đâu

• ✅ 1 codebase cho cả web + "app" → không cần build iOS/Android riêng
• ✅ Update tự động — không cần user cài lại
• ✅ SEO — vẫn là web nên Google index được
• ✅ Không cần App Store — phân phối qua URL, KHÔNG bị Apple/Google ăn 30%

PWA yếu ở đâu

• ❌ iOS hạn chế — Apple cố tình không quảng bá "Add to Home" để bảo vệ App Store
• ❌ Performance ~30% kém hơn native — không truy cập GPU trực tiếp
• ❌ Tính năng phần cứng hạn chế — không có Bluetooth, AR, các API native

Khi nào chọn PWA

• Web đã có sẵn, muốn upgrade cho user power
• Content app (Twitter, Pinterest đều có PWA tốt)
• E-commerce không cần performance đỉnh (Aliexpress, Alibaba có PWA rất tốt)

Cross-platform — chuỗi cửa hàng

Frameworks cho phép 1 code chạy cả iOS + Android:

React Native trong thực tế

// Code 1 lần
import { Text, View, Button } from 'react-native';
 
export default function HomeScreen() {
  return (
    <View style={{ padding: 20 }}>
      <Text>Chào mừng đến VietCodex</Text>
      <Button title="Bắt đầu" onPress={() => navigate('/services')} />
    </View>
  );
}

Cùng code → build ra app iOS (.ipa) + Android (.apk). 70-90% code share, 10-30% còn lại là native module (camera, push, payment) viết riêng.

Khi nào chọn cross-platform

• Team biết React/JS sẵn → React Native, 1 ngôn ngữ
• Cần UI đẹp + animation phức tạp → Flutter
• App business logic không tối ưu performance gắt → bất kỳ cross-platform nào
• Budget hạn chế — gấp đôi iOS/Android native nhưng vẫn rẻ hơn build 2 platform riêng

Ví dụ thực tế: VietCodex tư vấn cho 3 dự án

Dự án 1: SaaS quản lý phòng khám nha khoa

• User: Bác sĩ + nhân viên lễ tân, dùng trên máy tính desktop
• Yêu cầu: Quản lý lịch hẹn, hồ sơ bệnh nhân, đơn thuốc, billing
• Chọn: Web app thuần (Next.js + Tailwind + Supabase)
• Lý do: User trên máy tính, ít có nhu cầu mobile, SEO không quan trọng vì B2B
• Cost: $40k, 2 tháng

Dự án 2: App giao đồ ăn cho khu vực nhỏ

• User: Khách hàng order trên mobile + chủ quán quản đơn
• Yêu cầu: Push notification realtime, GPS shipper, payment integration
• Chọn: React Native + web admin riêng
• Lý do: Cần push + GPS + có cả iOS lẫn Android, budget hạn chế
• Cost: $80k, 3 tháng

Dự án 3: App ngân hàng

• User: Mọi loại khách hàng, sensitive transactions
• Yêu cầu: Bảo mật cao, FaceID, NFC payment, performance tối đa
• Chọn: Native iOS (Swift) + Native Android (Kotlin) riêng
• Lý do: Bảo mật + tính năng phần cứng + UX phải perfect, budget cho phép
• Cost: $200k+, 6-12 tháng

Khi nào chọn gì — quy tắc nhanh

Bắt đầu MVP?
├─ User chủ yếu trên desktop → Web app thuần
├─ User chủ yếu trên mobile → Web responsive + PWA
└─ Có > 10.000 user retention tốt? → Build mobile native

Mobile native?
├─ Cần Bluetooth/AR/GPU heavy → Native Swift + Kotlin
├─ Logic business chính + UI thường → Cross-platform (RN/Flutter)
└─ Web đã có, muốn "app feel" → PWA + nâng cấp dần

Cost + time tổng quan

Tóm tắt 1 dòng

Web app = quán mở 24/7 (rẻ, nhanh, SEO). PWA = web có icon (free upgrade). Cross-platform (React Native/Flutter) = 1 code cho cả iOS + Android. Native = đỉnh performance + bảo mật, đắt nhất. Quy tắc: MVP startup nên bắt đầu web → có user → cân nhắc PWA → có scale → React Native + giữ web.

Đọc tiếp

• Framework là gì? React, Vue, Next.js — React Native build trên React
• Frontend vs Backend khác nhau ở đâu — mọi loại app đều cần backend riêng
• HTML, CSS, JavaScript — 3 ngôn ngữ tạo nên mọi website — web app + PWA dùng 3 ngôn ngữ này
• Domain, Hosting, DNS — 3 thứ phải mua riêng — web app cần, native app KHÔNG (chỉ cần App Store)