PWA چیست و چگونه Progressive Web Apps را در وردپرس فعال کنیم؟

وب اپلیکیشن های پیشرونده PWA که به اختصار (Progressive Web Apps) در آمده، به اپلیکیشن هایی گفته میشود که بر خلاف اپلیکیشن های بومی که منحصر به کد نویسی و سیستم عامل های خاص مانند اندروید و آی او اس میباشد از نسخه وب سایت به صورت یک اپلیکیشن در صفحه گوشی همراه شما استفاده می‌کند و شما را وادار به نصب یک اپلیکیشن بومی و کم کردن فضای سیستم شما نمی‌کند. یعنی شما با نصب یک اپلیکیشن بومی در صفحه موبایل یا تبلت خود به یک نسخه بهینه شده وب سایت مورد نظر برای استفاده بر روی دستگاه خود دسترسی پیدا میکنید.
قبل از این که بدانید PWA چیست باید وردپرس را نصب کنید.
برای دانلود وردپرس به این مقاله مراجعه کنید.

یکی از مزایای PWA ها نسبت به اپلیکیشن های بومی آپدیت های سریع، خودکار و بدون واسطه است. شما برای این که از آپدیت اپلیکیشن های بومی تلگرام و اینستاگرام بهرهمند شوید باید از یکی از اپ استور ها یا فروشگاه هایی مانند اپل استور و یا گوگل پلی استفاده کنید؛ اما یک وب اپلیکیشن خود به خود با کوچکترین تغیرات در سایت اصلی بروز میشود و به سرعت در دسترس کابر قرار میگیرد. برای این که بدانید PWA چیست ادامه این مطلب را از دست ندهید.

PWA چیست

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

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

اگر این موضوع کاربردی و هیجان‌‌ انگیز شما را کنجکاو کرده در ادامه همراه ما باشید.

تفاوت اپلیکیشن‌های معمولی و وب اپلیکیشن‌های PWA

وب اپلیکیشن های پیشرونده یا PWA از نظر رابط کاربری فرق چندانی با اپلیکیشن های بومی ندارند اما از نظر کلی باید عرض کنم که اپلیکیشن های بومی بر روی سیستم عامل هایی که برایش طراحی شده‌‌اند قابل اجرا و کار آمد است و شما نمیتوانید یک اپلیکیشن اندرویدی را بر روی سیستم عامل آی او اس و… اجرا کنید اما به لطف تکنولوژی جذاب و جدید وب اپلیکیشن های پیشرونده شما میتوانید یک نسخه از وب سایت های مورد نظر خود را روی موبایلتان داشته باشید و از دیگر محدودیتی از جانب سیستم های عامل وجود ندارد که نتوانید برای مثال اپلیکیشن اندرویدی میهن وردپرس را در آی او اس اجرا کنید.

برای مثال شما به سادگی میتوانید وب اپلیکیشن میهن وردپرس را بر روی دستگاه موبایل یا تبلت خود و یا هر نوع سیستم عاملی که از مروگر های اینترنتی استفاده می‌کنند داشته باشید.

مزیت‌های PWA چیست

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

_ بدون اتکا به سیستم عامل با هر مرورگری قابل اجراست و شما در هر سیستم عاملی میتوانید از وب آپلیکیشن های پیشرونده استفاده کنید.

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

_ PWA چیست ؟ PWA ها نیازی به طی کردن مراحل نصب یا اینستال معمول در سیستم عامل ها را ندارند و میتوانید در کوتاه ترین زمان ممکن فقط با چند کلیک از این اپلیکیشن ها استفاده کنید.

_ یکی از جالب‌‌ترین مزیت های این وب اپلیکیشن های پیشرونده ها اشتراک گذاری بسیار آسان است. شما بدون نیاز به بارگذاری در سیستم های اپ استور هایی مانند گوگل‌‌پلی و اپل‌‌استور فقط با ارسال یک URL میتوانید اپلیکیشن را به اشتراک بگذارید.

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

_اپلیکیشن های پیشرونده یا PWA ها شبیه به اپ های بومی قابل نصب است و شما پس از طی کردن مراحلی که در همین مقاله جهت نصب این PWA ها مطالعه میکنید میتوانید ایکون وب اپلیکیشن مورد نظر خود را در صفحه موبایل یا تبلت خود مشاهده کنید.

نصب PWA در وردپرس

برای راه اندازی PWA وب سایت وردپرسی خود باید از مخزن وردپرس PWA FOR WP را سرچ کنید و سپس افزونه را نصب کنید.

پس از نصب افزونه مرحله فعال کردن PWA را پیش بگیرید.

بعد از نصب افزونه، نیاز نیست کار خاصی را انجام دهید. تنها کافیست:

چک کنید تیک های سبز خورده باشند. تیک سبز به معنای بدون مشکل فعال بودن پلاگین است.

پس از اطمینان از درست عمل کرد پلاگین به مرحله setup بروید و در آنجا تنظیمات پلاگین مورد نظر را از نام گرفته تا ایکونی که باید به کاربر نمایش داده شود را تنظیم کنید.

بعد از تنظیمات کافی است به مرحله بعد، یعنی گزینه features بروید و گزینه Custom Add To Banner را فعال کنید نهایی سازی را اعمال کنید.

و در نهایت وب اپلیکیشن شما فعال شده و میتوانید در صفحه اصلی با اسکرول به پایین پاپ‌‌آپ بالا رونده را با دکمه ADD مشاهده کنید. پس از ادد کردن PWA میتوانید آیکون PWA انتخابی خود را در صفحه دسکتاپ یا موبایل و تبلت خود مشاهده کنید.

یک نکته را فراموش نکنید!

PWA را برای چند روز روی سایت میهن وردپرس فعال کردیم. بعد از گذشت چند روز متوجه شدیم که فروش سایت به شدت کم شده! در نهایت با بررسی‌هایی که انجام دادیم متوجه شدیم مشکل از کش PWA مانیفست روی مرورگر کاربر بوده. برای حل این مشکل باید وارد بخش Advanced در تنظیمات PWA شده و حالت‌های کشینگ را روی Network first قرار دهید.

اگر حالت کش روی Cache first باشد در واقع صفحات شما از سیستم خود کاربر لود می‌شوند و این باعث می‌شود تا صفحات مهمی مثل سبد خرید، در سایت شما کش شود!

به پایان این مطلب جذاب رسیدید. امیدوارم از خواندن این مطلب لذت برده باشید و در سایت وردپرسی خود اعمال کنید تا با کاربران خود بیشتر در تعامل باشید.

تیم تولید محتوا

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