- حراج!
وب اپلیکیشن های پیشرونده یا Progressive Web Apps چیست ؟!
وب اپلیکیشن های پیشرونده یا Progressive Web Apps تکنولوژی نوظهوری است که به کمک آن میتوان تجربه اپلیکیشن های واقعی را به مخاطب ارائه کرد بدون آنکه نیاز به توسعه اپلیکیشن های پرهزینه و پر دردسر را داشته باشید! به لطف PWA میتوان امکانات و قابلیت های اپلیکیشن های بومی (مانند اندروید و ios) را با برروی بستر وب ایجاد نمود و در عین حال ضعف های اپلیکیشن های عمومی مانند هزینه بالای توسعه و نگهداری برای هر سیستم عامل را برطرف نمود در عین وب اپلیکیشنی ایجاد کرد که برروی گوشی کاربر هیچ حجم و فضایی را در هنگام نصب اشغال نکند و بهتر هست بگوییم فاصله بین لمس کاربر تا نصب وب اپلیکیشن کمتر از چند ثانیه خواهد بود!
چرا باید از PWA استفاده کنیم ؟!
شاید همه ما به خاطر بیاوریم که سالها پیش داشتن یک قالب ریسپانسیو میتوانست امتیازی ارزشمند برای یک وبسایت یا فروشگاه اینترنتی باشد اما امروز پایه و اساس یک وبسایت یا فروشگاه اینترنتی است! تکنولوژی «وب اپلیکیشن های پیشرونده» یا Progressive Web Apps که به اختصار PWA نامیده میشوند نیز دقیقا همین جایگاه را دارند. امروز یک امتیاز مهم و ارزشمند برای هر وبسایت یا فروشگاه اینترنتی است و در آینده نزدیک نیز هم پایه و اساس فروشگاه اینترنی خواهد بود!
برای ایجاد وب اپلیکیشن PWA چه پیش نیازهایی نیاز است؟¶
مهمترین قسمت کار قالب فروشگاه است که باید ریسپانسیو باشد و همچنین برای استفاده از تمامی امکانات وب اپلیکیشن باید اتصال امن SSL برروی فروشگاه ایجاد شود. در این حالت باید تمامی فایلها و اطلاعات از نشانی های امن (https) فراخوانی شوند در غیر این صورت اتصال امن تشخیص داده نمیشود.
وب اپلیکیشن PWA چه مزایایی دارد؟
تکنولوژی PWA از سال 2015 توسط گوگل معرفی شده و بیش از 3 الی 4 سال از این تکنولوژی میگذرد و در این مدت نیاز هر روز پیشرفت کرده و خوشبختانه اکثر وبسایت های مطرح هم اکنون با این تکنولوژی سازگار هستند و یا اینکه یک نسخه لایت سازگار با این تکنولوژی ایجاد کرده اند!
مزایای وب اپلیکیشن های پیشرونده چیست؟¶
- قابل استفاده در همه سیستم عامل ها و مرورگرهای مطرح
- امکان نصب برروی گوشی هوشمند تنها با یک لمس
- ظاهری بسیار شبیه به اپلیکیشن های بومی سیستم عامل ها
- دارای ویژگی های آفلاین
- عدم نیاز به هزینه سنگین و دردسرهای فراوان برخلاف اپلیکیشن های بومی
- دسترسی سریع و راحت کاربران به وب اپلیکیشن
- به روز بودن ظاهر وب اپ در هنگام تغییر وبسایت برخلاف اپلیکیشن های بومی
- امکان رصد کاربران وب اپلیکیشن به کمک کمپین های گوگل آنالیتیکس
- احتمال نصب و استفاده بیشتر کاربران به دلیل حجم کم و نصب سریع
به نظر شما این اپلیکیشن عادی است یا یک وب اپلیکیشن PWA؟ آیا تفاوتی را احساس میکنید؟
آیا تاکنون وبسایتی از PWA استفاده کرده است؟
تقریبا تمامی فروشگاهها و وبسایتهای بزرگ از این تکنولوژی همین حالا استفاده میکنند! به عنوان مثال دیجیکالا ، اسنپ مارکت (که در عکس بالا آورده شد) ، شیپور و اسنپ تنها چهار مورد از این دست هستند و البته وبسایتها و فروشگاههای خارجی یا شبکه های اجتماعی مختلف نیز به همین صورت میتوان نمونه های زیادی را عنوان کرد!
روال و مراحل نصب و استفاده وب اپلیکیشن توسط کاربران چیست؟
در حالت عادی کاربران وارد فروشگاه شده و فروشگاه اینترنتی را مرور میکنند. در مرورگرهای مختلف این قسمت با تفاوت هایی همراه هست به عنوان مثال در مرورگر کروم و Edge یک نوار به صورت خودکار نمایش داده میشود (تصویر اول از چپ) و همچنین در این دو مرورگر نیز نوار اختصاصی ماژول پرستاموبایل نیز به خوبی کار میکند. کاربر میتواند پس از مشاهده این نوار برروی آن کلیک کرده و پس از مشاهده دیالوگ باز شده دکمه افزودن را نیز بفشارد.
در این حالت آیکن وب اپلیکیشن برای کاربر نمایش داده خواهد شد و کاربر یا مشتری از این پس میتوانند با کلیک برروی آیکن وارد وب اپلیکیشنی دقیقا مشابه با اپلیکیشن های بومی شوند!
این مراحل ممکن است در سایر مرورگرها متفاوت باشد به عنوان مثال در مرورگر فایرفاکس یک دکمه افزودن به شکل خانه و یک + درون آن نمایش داده میشود که کاربر میتواند با کلیک برروی آن دیالوگ افزودن به صفحه اصلی را مشاهده کند. همچنین در فایر فاکس اگر قبلا وب اپلیکیشن نصب شده باشد نیز یک آیکن دیگر کنار نوار آدرس نمایش داده خواهد شد که با کلیک برروی آن به راحتی وب اپلیکیشن برای کاربر باز خواهد شد! (سمت چپ تصویر زیر)
در اپرا نیز نوار مشابهی مانند کروم نمایش داده میشود. (تصویر وسط عکس زیر) همچنین در همه مرورگرها میتوان یک دکمه با نامی مشابه با «افزودن به صفحه اصلی» پیدا کرد که بدون نمایش هر گونه پیغام میتوان با کلیک برروی آن وب اپ را برروی گوشی کاربر نصب کرد! (سمت راست تصویر زیر)
برای فروشگاهتان چندین وب اپلیکیشن مختلف بسازید!
عنوان عجیب است؟ نه اصلا با پرستاموبایل میتوانید چندین وب اپلیکیشن برای فروشگاهتان ایجاد کنید! قرار نیست فقط یک وب اپلیکیشن برای مشتریانمان داشته باشیم! اگر بخش های مختلفی برروی فروشگاه خود دارید میتوانید با پرستاموبایل برای هر کدام یک وب اپلیکیشن ایجاد کنید هیچ محدودیتی در تعداد وب اپلیکیشن ها ندارید!
البته این نکته را اضافه کنیم که این هماهنگ سازی در ماژولهای پرستامارکت و پرستاپال ایجاد شده و در آپدیت آتی منتشر خواهد شد.
پرستاموبایل در زمان عدم دسترسی به اینترنت صفحه آفلاین ویژه ای دارد!
در پرستاموبایل صفحه آفلاین ویژه ای طراحی شده است که در هنگام آفلاین بودن نمایش داده میشود همچنین امکان شخصی سازی این صفحه نیز همچنان وجود دارد. ضمن این این صفحه آفلاین در نسخه دسکتاپ نیز نمایش داده میشود!
به طور خلاصه پرستاموبایل چه امکاناتی دارد؟
اگر بخواهیم به طور خلاصه امکانات و قابلیتهای پرستاموبایل را ذکر کنیم میتوانیم به موارد زیر اشاره کنیم:
با پرستاموبایل بر روی لبه تکنولوژی وب اپلیکیشن فروشگاهتان را بسازید!¶
در نهایت این نکته مهم را مد نظر قرار دهید که تکنولوژی وب اپلیکیشن پیشرونده و PWA یک تکنولوژی نو ظهور است که هر لحظه در حال تغییر و به روز رسانی و بهبود است! هر لحظه ممکن است ویژگی خاصی به ان اضافه شود و یا ویژگی دیگری منسوخ شود.
تمام تلاش ما در توسعه این ماژول این بوده است که فروشگاه های اینترنتی مبتنی بر پرستاشاپ را به یک تکنولوژی نوظهور و جذاب مجهز نماییم تا جایی که مسائل فنی به ما اجازه دهد در این راه قدم بر خواهیم داشت و این ماژول را بهبود خواهیم داد.
بنابر این همین حالا با پرستاموبایل بر روی لبه تکنولوژی وب اپلیکیشن فروشگاهتان را بسازید!
ویژگیها
نسخه ۰.۹.۵ - ۵ تیر ماه ۱۳۹۹
- رفع مشکلات گزارش شده و بهبود وب اپ نسخه iOS
نسخه ۰.۹.۳ - ۲۴ اردیبهشت ماه ۱۳۹۹
- افزوده شدن امکان مقادیر و متغیرهای دلخواه در مانیفست
- افزودن شدن امکان انتخاب حالت نوار وضعیت iOS
- افزوده شدن امکان تولید خودکار Splash Screen برای iOS
- رفع مشکل آیکن در صفحه اصلی آیفون و آیپد (iOS)
- رفع مشکل بازشدن صفحات وب اپ در مرورگر سافاری در iOS
- رفع مشکلات جزیی از نسخه قبلی
- غیرفعال شدن نوار شخصی سازی نصب به دلیل عدم کاربرد کافی
- بهینه سازی و اقدامات اولیه برای آپدیت آتی
نسخه ۰.۷.۵ - ۲۱ مرداد ماه ۱۳۹۸
- سازگاری با PHP نسخه 5.6 تا 7.3
نسخه ۰.۷.۴ - ۱۵ تیر ماه ۱۳۹۸
- ماژول پرستاموبایل با امکان ویژه وب اپلیکیشن های پیشرونده (PWA) برای پرستاشاپ منتشر شد!