سایت وردپرسی‌ات را به یک Web App حرفه‌ای تبدیل کن

کاربر وارد سایتت می‌شود، چند صفحه را بررسی می‌کند و بعد مرورگر را می‌بندد؛ اما اگر همان سایت مثل یک اپلیکیشن روی صفحه اصلی موبایلش نصب شده باشد، احتمال بازگشت او چند برابر می‌شود. Code Cloude App Engine یک موتور کامل برای تبدیل سایت‌های وردپرسی و ووکامرسی به وب‌اپلیکیشن نصب‌شونده یا PWA است. بدون ساخت اپلیکیشن جداگانه، بدون انتشار در اپ‌استورها و بدون نیاز به بازنویسی سایت. کاربر می‌تواند سایت شما را روی Android، iPhone، iPad و دسکتاپ نصب کند و آن را به‌صورت تمام‌صفحه، سریع و شبیه یک اپلیکیشن مستقل اجرا کند.

فقط یک PWA ساده نیست

App Engine فقط یک فایل Manifest و Service Worker به سایت اضافه نمی‌کند. این افزونه یک لایه کامل تجربه اپلیکیشنی روی وردپرس ایجاد می‌کند؛ از نصب هوشمند و حالت آفلاین گرفته تا ژسترها، لودینگ صفحات، مرکز کنترل اپ و افزایش سرعت جابه‌جایی.

نسخه 2.1.6

• ثابت‌شدن قاب Pull-to-refresh و چرخش فقط حلقه لودینگ
• کلید مستقل نمایش یا مخفی‌کردن باکس مرکزی Transition
• واضح‌ترشدن تنظیم باکس کوچک بارگذاری صفحات

نسخه 2.1.7

• امکان حذف دکمه «راهنمای نصب» در آیفون
• هم‌رنگ‌سازی خودکار نوار بالای وب‌اپ با هدر سایت
• امکان انتخاب دستی رنگ نوار بالای وب‌اپ
• رفع فعال‌ماندن Pull-to-refresh بعد از خاموش‌کردن ژسترها
• رفع فعال‌ماندن راهنمای حرکت بعد از خاموش‌کردن ژسترها
• اجرای مستقل تنظیمات ژستر افقی و عمودی

نسخه 2.1.8

• شناسایی خودکار Samsung Internet
• جلوگیری از نصب WebAPK قدیمی و نمایش هشدار Play Protect
• هدایت کاربران Samsung Internet به Chrome برای نصب امن
• انتقال به صفحه نصب Chrome در صورت نصب‌نبودن آن

نسخه 2.1.9

• نمایش پیشنهاد نصب اندروید حتی بدون رویداد beforeinstallprompt
• رفع مخفی‌ماندن پیشنهاد نصب به‌دلیل سوابق نسخه‌های قبلی
• اعمال کامل Safe Area آیفون روی بدنه و هدر
• رعایت Safe Area برای نوارهای ثابت پایین
• حفظ Padding اصلی قالب هنگام افزودن فاصله Notch و Home Indicator

نسخه 2.1.10

• جابه‌جایی خودکار آیکن‌ها و کنترل‌های بالای صفحه از زیر Dynamic Island و آیکن‌های سیستم
• پشتیبانی از عناصر fixed، sticky و absolute
• حفظ مقدار اصلی top عناصر قالب
• بررسی مجدد عناصر ساخته‌شده توسط المنتور، قالب و JavaScript بعد از بارگذاری

نسخه 2.2.0

• قابل‌تنظیم‌شدن عنوان پاپ‌آپ نصب
• قابل‌تنظیم‌شدن توضیحات پاپ‌آپ
• قابل‌تنظیم‌شدن متن تمام دکمه‌ها
• قابل‌تنظیم‌شدن متن راهنمای Android، Samsung و iOS
• اضافه‌شدن چهار تم لودینگ بین صفحات:
  • Blur
  • Portal
  • Aurora
  • Neon
• رفع ریست‌شدن تم انتخابی به Blur
• اعمال واقعی تم انتخاب‌شده در فرانت سایت

نسخه 2.2.1

• حذف فراخوانی Web Share ناقص iOS که Add to Home Screen نداشت
• تشخیص جداگانه Safari و Chrome در آیفون
• نمایش راهنمای مخصوص Safari
• نمایش مسیر «سه‌نقطه ← Share ← Add to Home Screen» در Chrome آیفون
• بازشدن مراحل نصب داخل پاپ‌آپ با دکمه راهنما
• امکان ویرایش متن راهنمای مرورگرهای غیر Safari
• بهبود وضعیت دسترس‌پذیری دکمه راهنما

نکته: قابلیت «بازکردن مستقیم Share Sheet» در 2.2.0 اضافه شد، اما چون Share بازشده توسط سایت گزینه Add to Home Screen نداشت، در 2.2.1 با راهنمای صحیح مرورگر جایگزین شد.

امکانات اصلی Code Cloude App Engine

• تبدیل سایت وردپرسی به Web App نصب‌شونده
• پشتیبانی از Android، iPhone، iPad و دسکتاپ
• تولید خودکار Manifest و Service Worker
• اجرای تمام‌صفحه در حالت Standalone
• راهنمای اختصاصی نصب در Safari و iOS
• صفحه آفلاین اختصاصی
• نمایش اعلان قطع و اتصال مجدد اینترنت
• مدیریت نسخه کش اپلیکیشن
• پشتیبانی از App Shortcuts
• سازگاری با WooCommerce

نصب حرفه‌ای در Android و iPhone

در Android، پیشنهاد نصب استاندارد مرورگر نمایش داده می‌شود.
در iPhone نیز افزونه Safari واقعی، مرورگرهای داخلی Instagram و حالت Standalone را تشخیص می‌دهد
و راهنمای مرحله‌به‌مرحله Add to Home Screen را به کاربر نمایش می‌دهد.

• پنجره نصب قابل شخصی‌سازی
• Bottom Sheet اختصاصی iOS
• تنظیم عنوان، متن و دکمه نصب
• تعیین زمان نمایش پیشنهاد نصب
• نمایش بعد از اسکرول یا تعداد مشخص بازدید
• محدودکردن نمایش به صفحات دلخواه
• پشتیبانی از شورت‌کد و ویجت Elementor

لودینگ مینیمال و حرفه‌ای صفحات

هنگام جابه‌جایی بین صفحات، صفحه فعلی به‌صورت نرم Blur می‌شود و یک لودر شیشه‌ای مینیمال
همراه با آیکن اپ و نام صفحه مقصد نمایش داده می‌شود.

• Transition نرم و سینمایی
• پس‌زمینه Blur
• نمایش عنوان صفحه مقصد
• Progress Bar
• لودینگ Skeleton
• Splash Screen اختصاصی
• تایمر قطع اضطراری برای جلوگیری از گیرکردن لودینگ
• سازگاری با BFCache و Service Worker آیفون

ژسترهایی شبیه اپلیکیشن واقعی

کاربران می‌توانند با حرکات لمسی میان صفحات حرکت کنند و تجربه‌ای نزدیک‌تر به اپلیکیشن‌های موبایل داشته باشند.

• کشیدن از لبه برای بازگشت
• افکت Back شبیه Android
• Pull-to-Refresh با پایین‌کشیدن صفحه
• رفتن به بالای صفحه با ژستر
• تعیین عملکرد جداگانه برای هر جهت
• تنظیم حساسیت و فاصله فعال‌شدن ژستر
• افکت صوتی تولیدشده با Web Audio
• بازخورد لرزشی در دستگاه‌های پشتیبانی‌شده

ژسترها داخل فرم‌ها، دکمه‌ها، ویدئو، نقشه، Swiper، Slick Slider و سایر بخش‌های تعاملی اجرا نمی‌شوند
تا با رابط کاربری سایت تداخل نداشته باشند.

مرکز کنترل داخل اپ

App Engine یک مرکز کنترل شیشه‌ای و حرفه‌ای در اختیار کاربر قرار می‌دهد.
از این بخش می‌توان ابزارهای اصلی اپ را بدون خروج از صفحه مدیریت کرد.

• بازگشت به صفحه قبل
• رفتن به صفحه بعد
• رفتن به صفحه اصلی
• تازه‌سازی صفحه
• اشتراک‌گذاری Native
• نصب اپلیکیشن
• نمایش وضعیت آنلاین یا آفلاین
• نمایش حالت مرورگر یا Standalone
• نمایش نوع اتصال اینترنت

سرعت بیشتر با Smart Prefetch

وقتی کاربر یک لینک را لمس می‌کند یا نشانگر ماوس را روی آن قرار می‌دهد،
صفحه مقصد با اولویت پایین پیش‌بارگذاری می‌شود.
به همین دلیل ورود به صفحه بعد بسیار سریع‌تر حس خواهد شد.

• پیش‌بارگذاری لینک‌های داخلی
• عدم اجرا در حالت Data Saver
• عدم اجرا روی اتصال 2G
• عدم Prefetch صفحات حساس ووکامرس
• محدودیت تعداد صفحات در هر نشست
• حفظ موقعیت اسکرول هنگام Back و Forward
• پشتیبانی از Navigation Preload

حالت آفلاین اختصاصی

اگر اتصال اینترنت کاربر قطع شود، به‌جای خطای خام مرورگر یک صفحه آفلاین حرفه‌ای نمایش داده می‌شود.
پس از اتصال مجدد نیز کاربر اعلان برقراری اینترنت را دریافت می‌کند.

• صفحه آفلاین قابل شخصی‌سازی
• عنوان و متن دلخواه
• دکمه تلاش مجدد
• طراحی روشن و تاریک
• کش اختصاصی Service Worker
• اعلان قطع و اتصال مجدد اینترنت

سازگاری کامل با WooCommerce

صفحات حساس ووکامرس نباید از کش قدیمی نمایش داده شوند.
App Engine به‌صورت خودکار سبد خرید، تسویه‌حساب، حساب کاربری، درخواست‌های AJAX،
قیمت، موجودی و اطلاعات سفارش را از کش عمومی خارج می‌کند.

• عدم کش سبد خرید
• عدم کش تسویه‌حساب
• عدم کش حساب کاربری
• عدم کش درخواست‌های wc-ajax
• عدم نمایش قیمت یا موجودی قدیمی
• عدم ذخیره اطلاعات شخصی کاربر

شخصی‌سازی کامل ظاهر اپ

• نام کامل و نام کوتاه اپ
• رنگ اصلی اپلیکیشن
• رنگ پس‌زمینه روشن و تاریک
• آیکن‌های ۱۹۲ و ۵۱۲ پیکسل
• آیکن مخصوص iPhone و iPad
• حالت Standalone، Fullscreen و Minimal UI
• جهت عمودی، افقی یا خودکار
• پشتیبانی از Safe Area و Dynamic Island
• ارث‌بری فونت از قالب سایت

جلوگیری از زوم ناخواسته

برای ایجاد تجربه‌ای شبیه اپلیکیشن، امکان جلوگیری از زوم ناخواسته در تمام صفحات فراهم شده است.

• جلوگیری از Pinch Zoom
• جلوگیری از Double Tap Zoom
• جلوگیری از زوم خودکار فرم‌ها در iOS
• جلوگیری از زوم Trackpad
• قفل Viewport در تمام صفحات فرانت
• امکان خاموش‌کردن قابلیت از پنل

سازگار با افزونه‌های کش و CDN

• LiteSpeed Cache
• WP Rocket
• QUIC.cloud
• CDNهای متداول
• عدم Delay شدن Runtime اصلی
• مدیریت نسخه کش مستقل
• امکان بروزرسانی کش بدون پاک‌کردن کل سایت

داشبورد مدیریت و عیب‌یابی

• بررسی HTTPS
• بررسی Manifest
• بررسی Service Worker
• بررسی آیکن‌های اپ
• بررسی صفحه آفلاین
• نمایش آمار پیشنهاد نصب
• خروجی و ورود تنظیمات با JSON
• افزایش نسخه کش
• تست لودینگ، Pull-to-Refresh و Runtime

چرا App Engine؟

ساخت یک اپلیکیشن Native جداگانه، هزینه توسعه، نگهداری، بروزرسانی و انتشار زیادی دارد.
اما با Code Cloude App Engine می‌توانید همان سایت وردپرسی را به یک Web App نصب‌شونده تبدیل کنید
و تجربه‌ای سریع‌تر، حرفه‌ای‌تر و نزدیک‌تر به اپلیکیشن موبایل ارائه دهید.

اگر می‌خواهید کاربران سایت شما را روی صفحه اصلی موبایل خود داشته باشند،
App Engine همان لایه‌ای است که وردپرس شما به آن نیاز دارد.