แอปมือถือ

สร้างเว็บแอปที่รองรับมือถือใน Proyecta. PWA พร้อมใช้งานได้เลย; รองรับการ wrap เป็นแอป iOS/Android แบบ native ผ่าน PWA Builder.

Proyecta สร้าง เว็บแอป เส้นทางที่เร็วที่สุดสู่ “แอปบนโทรศัพท์” คือเว็บแอปแบบ responsive — โดยอาจเสริมด้วย Progressive Web App (PWA) เพื่อให้ผู้ใช้ติดตั้งลงหน้าจอหลักได้ และ (บนแพลตฟอร์มที่รองรับ) รับ push notification, ใช้งานแบบ offline และแสดงผลแบบเต็มหน้าจอ

สำหรับการแจกจ่ายแบบ native ผ่าน App Store, Google Play, หรือ Microsoft Store คุณสามารถ wrap PWA ที่ publish แล้วด้วยเครื่องมืออย่าง PWA Builder

สิ่งที่ได้รับทันที

• ตัวสลับ viewport แบบ responsive ใน builder — สลับระหว่างมุมมอง Desktop / Tablet / Mobile ขณะแก้ไขได้เลย
• AI prompt แบบ mobile-first — AI รู้วิธีสร้าง layout แบบ responsive เมื่อคุณขอ
• แท็บ Mobile dashboard — แผง Mobile แบบเฉพาะทางที่มีขั้นตอน Appearance, Test และ Publish สำหรับเปลี่ยนแอปให้ติดตั้งได้บนมือถือ
• Push notification — ดูที่ Push Notifications
• Mobile builder UI — Proyecta ใช้งานได้บนโทรศัพท์ด้วย ทำให้คุณ build ได้ทุกที่ทุกเวลา

แท็บ Mobile

เปิด dashboard แล้วสลับไปที่แท็บ Mobile เพื่อดูขั้นตอนแบบมีคำแนะนำสามขั้นตอน:

• Appearance — ตรวจสอบไอคอนแอป ชื่อ และสีธีม หากยังไม่ได้ตั้งค่าสำหรับมือถือ ให้คลิก Set up mobile support แล้ว Proyecta จะจัดการให้ในขั้นตอนเดียว — ไม่ต้องเขียน prompt เอง
• Test — สแกน QR code เพื่อเปิดแอปที่ publish แล้วบนโทรศัพท์จริง (ดู Test on Mobile)
• Publish to App Store — คำแนะนำทีละขั้นตอนสำหรับการ package และส่งแอปเข้า app store (ดู Publish to App Stores)

เทมเพลต webapp มาพร้อม web app manifest (site.webmanifest) และ service worker (sw.js) อยู่แล้ว ดังนั้นรากฐานสำหรับ PWA ที่ติดตั้งได้และใช้งาน offline ได้จึงพร้อมตั้งแต่ build แรก — แท็บ Mobile และ AI จะปรับแต่งให้เข้ากับแอปของคุณเอง

เส้นทาง PWA

เส้นทางที่เร็วที่สุดคือปุ่ม Set up mobile support ในแท็บ Mobile หากต้องการระบุเองได้เลย คุณสามารถถาม AI โดยตรง:

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

ไม่ว่าจะทางไหน manifest และ service worker จะถูกตั้งค่าให้เรียบร้อย เมื่อ publish แล้ว ผู้ใช้สามารถ:

• เปิดแอปในเบราว์เซอร์มือถือใดก็ได้
• แตะเมนูเบราว์เซอร์แล้วเลือก Add to Home Screen (iOS) หรือ Install app (Android)
• เปิดใช้งานเหมือนแอป native จากหน้าจอหลัก

PWA บน iOS 16.4+ รองรับ Web Push ด้วย ทำให้ notification ทำงานได้ — ดู Push Notifications สำหรับการตั้งค่า

ขั้นสูง: native wrapper

หากต้องการส่งแอปไปยัง App Store หรือ Google Play เส้นทางที่แนะนำคือการ wrap PWA ที่ publish แล้ว:

1. Publish ไปยัง subdomain *.proyecta.live (หรือ custom domain) ของคุณ
2. เปิด pwabuilder.com แล้วกรอก URL ของคุณ
3. สร้าง native package — Android (AAB), iOS (Xcode project), Windows (MSIX)
4. ส่งไปยัง store ที่เกี่ยวข้อง

ดู Publish to App Stores สำหรับรายละเอียด

ข้อจำกัดที่ควรทราบ

• Apple อาจปฏิเสธแอป WebView ล้วนๆ ที่ไม่ได้เพิ่ม native functionality โปรดพิจารณาก่อนมุ่งเป้าไปที่ App Store
• Push notification บน iOS กำหนดให้ผู้ใช้ต้องติดตั้ง PWA จาก Safari ก่อน (ไม่ใช่จาก wrapper)
• กล้อง, GPS, รายชื่อผู้ติดต่อ ทำงานได้ผ่าน web API ทั้งหมด — API แบบ native-only (HealthKit, ARKit) ไม่สามารถเข้าถึงได้จาก PWA wrapper

กำลังจะมาเร็วๆ นี้

• เทมเพลต React Native / Expo แบบ native สำหรับโปรเจกต์ที่ต้องการ native shell แท้จริง
• Capacitor integration เป็นทางเลือกสำหรับการ wrap
• วิซาร์ด publish app store ในตัว builder (ไอคอน, splash screen, คำอธิบาย store)
• การจัดการ metadata ของ app store ที่ sync กับ builder