Ứng dụng di động

Xây dựng web app thân thiện với di động trong Proyecta. PWA hoạt động ngay hôm nay; gói bọc native iOS/Android qua PWA Builder.

Proyecta xây dựng web app. Con đường nhanh nhất để “có app trên điện thoại” là một web app responsive — tùy chọn nâng cấp thành Progressive Web App (PWA) để người dùng có thể cài lên màn hình chính và (trên các nền tảng hỗ trợ) nhận push notification, hỗ trợ offline, và trải nghiệm toàn màn hình.

Để phân phối native qua App Store, Google Play, hoặc Microsoft Store, bạn bọc PWA đã publish bằng công cụ như PWA Builder.

Những gì bạn có ngay từ đầu

Bộ chuyển viewport responsive trong builder — chuyển đổi giữa các chế độ xem Desktop / Tablet / Mobile khi đang chỉnh sửa
Prompt AI ưu tiên mobile — AI biết cách xây dựng layout responsive khi bạn yêu cầu
Tab Mobile trên dashboard — một panel Mobile chuyên dụng với các bước Appearance, Test, và Publish để biến app của bạn thành ứng dụng di động có thể cài đặt
Push notification — xem Push Notifications
Giao diện builder trên di động — Proyecta hoạt động trên điện thoại, vì vậy bạn có thể xây dựng mọi lúc mọi nơi

Tab Mobile

Mở dashboard và chuyển sang tab Mobile để trải nghiệm quy trình hướng dẫn ba bước:

Appearance — xem lại icon, tên và màu chủ đề của app. Nếu hỗ trợ mobile chưa được thiết lập, nhấn Set up mobile support và Proyecta sẽ cấu hình ngay cho bạn chỉ trong một bước — không cần viết prompt.
Test — quét mã QR để mở app đã publish trên điện thoại thật (xem Test on Mobile).
Publish to App Store — hướng dẫn từng bước để đóng gói và nộp lên các app store (xem Publish to App Stores).

Template webapp đã đi kèm sẵn web app manifest (site.webmanifest) và service worker (sw.js), vì vậy nền tảng cho một PWA có thể cài đặt và hoạt động offline đã sẵn sàng ngay từ lần build đầu tiên — tab Mobile và AI chỉ tinh chỉnh theo app của bạn.

Con đường PWA

Con đường nhanh nhất là nút Set up mobile support trong tab Mobile. Nếu bạn muốn cụ thể hơn, bạn cũng có thể hỏi AI trực tiếp:

Add PWA support to my app:
- Web app manifest with name, icons, theme color
- Service worker with offline cache for the app shell
- Service worker with update toast on new version

Dù theo cách nào, manifest và service worker đều sẽ được thiết lập. Sau khi publish, người dùng có thể:

Mở app của bạn trên bất kỳ trình duyệt di động nào
Nhấn menu trình duyệt và chọn Add to Home Screen (iOS) hoặc Install app (Android)
Khởi chạy như một app native từ màn hình chính

PWA trên iOS 16.4+ cũng hỗ trợ Web Push, vì vậy notification hoạt động bình thường — xem Push Notifications để thiết lập.

Nâng cao hơn: gói bọc native

Nếu bạn cần phân phối lên App Store hoặc Google Play, con đường được khuyến nghị là bọc PWA đã publish của bạn:

Publish lên subdomain *.proyecta.live của bạn (hoặc domain tùy chỉnh)
Mở pwabuilder.com và nhập URL của bạn
Tạo các gói native — Android (AAB), iOS (Xcode project), Windows (MSIX)
Nộp lên store tương ứng

Xem Publish to App Stores để biết chi tiết.

Những giới hạn cần lưu ý

Apple có thể từ chối các app WebView thuần túy không bổ sung chức năng native. Hãy cân nhắc điều này trước khi nhắm đến App Store.
Push notification trên iOS yêu cầu người dùng phải cài PWA từ Safari trước (không phải từ gói bọc).
Camera, GPS, danh bạ đều hoạt động qua web API — các API chỉ có trên native (HealthKit, ARKit) không thể truy cập từ gói bọc PWA.

Sắp ra mắt

Template React Native / Expo native cho các dự án cần shell native thực sự
Tích hợp Capacitor như một con đường bọc ứng dụng thay thế
Trình hướng dẫn publish app store ngay trong builder (icon, splash screen, nội dung mô tả store)
Quản lý metadata app store được đồng bộ với builder