Ứ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; bọc native iOS/Android qua PWA Builder.

Proyecta xây dựng web app. Con đường nhanh nhất để có “một ứng dụng trên điện thoại” là một web app responsive — tùy chọn nâng cao 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 một công cụ như PWA Builder.

Những gì bạn có sẵn

• Bộ chuyển đổi 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
• Push notification qua Proyecta SDK — xem Push Notifications
• Giao diện builder trên di động — bản thân Proyecta hoạt động trên điện thoại, giúp bạn có thể xây dựng mọi lúc mọi nơi

Con đường PWA

Với hầu hết các ứng dụng, PWA là lựa chọn phù hợ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

AI sẽ thiết lập manifest và service worker. Sau khi bạn publish, người dùng có thể:

• Mở ứng dụng của bạn trên bất kỳ trình duyệt di động nào
• Nhấn vào 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 ứng dụng native từ màn hình chính của họ

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

Nâng cao hơn: native wrapper

Nếu bạn cần đưa ứng dụng lên App Store hoặc Google Play, cách được khuyến nghị là bọc PWA đã publish của bạn:

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

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

Những hạn chế cần lưu ý

• Apple có thể từ chối các ứng dụng 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ừ một wrapper).
• Camera, GPS, danh bạ đều hoạt động qua web API — các API chỉ dành cho native (HealthKit, ARKit) không thể truy cập từ PWA wrapper.

Sắp ra mắt

• Template React Native / Expo native cho các dự án cần native shell thực sự
• Tích hợp Capacitor như một con đường bọc 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 đồng bộ với builder