اپلیکیشن‌های موبایل

ساخت وب‌اپ‌های موبایل‌پسند در Proyecta. PWAها همین الان کار می‌کنند؛ wrapper بومی iOS/Android از طریق PWA Builder.

Proyecta وب‌اپ می‌سازد. سریع‌ترین مسیر برای «داشتن یک اپ روی گوشی»، یک وب‌اپ responsive است — که می‌توان آن را به‌صورت اختیاری به‌عنوان یک Progressive Web App (PWA) ارتقا داد تا کاربران بتوانند آن را روی صفحه اصلی خود نصب کنند و (در پلتفرم‌های پشتیبانی‌شده) از پوش نوتیفیکیشن، پشتیبانی آفلاین و تجربه تمام‌صفحه بهره‌مند شوند.

برای انتشار بومی از طریق App Store، Google Play یا Microsoft Store، می‌توانید PWA منتشرشده خود را با ابزاری مثل PWA Builder در یک wrapper قرار دهید.

آنچه از همان ابتدا دارید

• سوئیچر viewport responsive در builder — هنگام ویرایش بین نماهای Desktop / Tablet / Mobile جابه‌جا شوید
• پرامپت‌های هوش مصنوعی با رویکرد موبایل‌اول — هوش مصنوعی می‌داند وقتی می‌خواهید چطور لی‌اوت‌های responsive بسازد
• تب موبایل در داشبورد — یک پنل Mobile اختصاصی با مراحل Appearance، Test و Publish برای تبدیل اپ شما به یک اپ موبایل قابل نصب
• پوش نوتیفیکیشن — به Push Notifications مراجعه کنید
• رابط کاربری builder روی موبایل — Proyecta خودش روی گوشی هم کار می‌کند، پس می‌توانید در هر جایی کار کنید

تب Mobile

داشبورد را باز کنید و به تب Mobile بروید تا یک فرآیند راهنمای سه‌مرحله‌ای داشته باشید:

• Appearance — آیکون، نام و رنگ تم اپ خود را بررسی کنید. اگر پشتیبانی موبایل هنوز راه‌اندازی نشده، روی Set up mobile support کلیک کنید تا Proyecta در یک مرحله همه چیز را برایتان تنظیم کند — بدون نیاز به نوشتن پرامپت.
• Test — یک QR code اسکن کنید تا اپ منتشرشده‌تان را روی گوشی واقعی باز کنید (ببینید Test on Mobile).
• Publish to App Store — یک راهنمای گام‌به‌گام برای بسته‌بندی و ارسال به app storeها (ببینید Publish to App Stores).

تمپلیت وب‌اپ از همان ابتدا با یک web app manifest (site.webmanifest) و یک service worker (sw.js) ارائه می‌شود، بنابراین پایه یک PWA قابل نصب و آفلاین از اولین build در جای خود قرار دارد — تب Mobile و هوش مصنوعی فقط آن را برای اپ شما سفارشی می‌کنند.

مسیر PWA

سریع‌ترین مسیر دکمه Set up mobile support در تب Mobile است. اگر ترجیح می‌دهید مستقیم‌تر عمل کنید، می‌توانید مستقیماً از هوش مصنوعی بخواهید:

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 راه‌اندازی می‌شوند. پس از انتشار، کاربران می‌توانند:

• اپ شما را در هر مرورگر موبایلی باز کنند
• منوی مرورگر را باز کنند و Add to Home Screen (iOS) یا Install app (Android) را انتخاب کنند
• مثل یک اپ بومی از صفحه اصلی گوشی‌شان اجرایش کنند

PWAها روی iOS نسخه ۱۶.۴ به بالا از Web Push هم پشتیبانی می‌کنند، پس نوتیفیکیشن‌ها کار می‌کنند — برای راه‌اندازی به Push Notifications مراجعه کنید.

گام بعدی: wrapper های بومی

اگر نیاز دارید به App Store یا Google Play ارسال کنید، مسیر پیشنهادی این است که PWA منتشرشده خود را در یک wrapper قرار دهید:

1. روی ساب‌دامین *.proyecta.live خود (یا یک دامین سفارشی) منتشر کنید
2. pwabuilder.com را باز کنید و URL خود را وارد کنید
3. پکیج‌های بومی تولید کنید — Android (AAB)، iOS (Xcode project)، Windows (MSIX)
4. به store مربوطه ارسال کنید

برای جزئیات بیشتر به Publish to App Stores مراجعه کنید.

محدودیت‌هایی که باید بدانید

• Apple ممکن است اپ‌های pure WebView که قابلیت بومی خاصی اضافه نمی‌کنند را رد کند. قبل از هدف‌گذاری روی App Store این موضوع را در نظر بگیرید.
• پوش نوتیفیکیشن در iOS نیاز دارد که کاربر ابتدا PWA را از Safari نصب کند (نه از طریق یک wrapper).
• دوربین، GPS، مخاطبین همه از طریق web APIها کار می‌کنند — APIهای مختص بومی (HealthKit، ARKit) از داخل یک PWA wrapper قابل دسترس نیستند.

به‌زودی

• تمپلیت‌های بومی React Native / Expo برای پروژه‌هایی که به shell های واقعاً بومی نیاز دارند
• یکپارچه‌سازی Capacitor به‌عنوان یک مسیر wrapping جایگزین
• ویزارد انتشار به app store درون builder (آیکون‌ها، splash screenها، متن لیست فروشگاه)
• مدیریت متادیتای app store که با builder همگام‌سازی می‌شود