pwa چیست و چگونه باید پیاده سازی شود؟

Pwa مخفف کلمه Progressive Web App است. در واقع نوعی نرم افزار تحت وب بوده که موجب می‌شود به واسطه آن وب سایت در قالب اپلیکیشن در تلفن هوشمند نمایش داده شود. برای اولین بار در سال ۲۰۱۵ این نرم افزار توسط گوگل معرفی گشت. به علت کاربردی بودن و سهولت در استفاده مورد استقبال افراد زیادی قرار گرفت.

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

Pwa از چه مرورگرهایی پشتیبانی می‌کند؟

به طور کلی مرورگرهایی که pwa از آن‌ها پشتیبانی می‌کند به دو دسته دسکتاپ و موبایل تقسیم می‌شوند.

۱-مرورگرهای دسکتاپ عبارتند از:

• کروم
• فایرفاکس
• اپرا
• سافاری
• مایکروسافت اج
• مرورگر QQ
• مرورگر ۳۶۰

۲- مرورگرهای موبایل عبارتند از:

• کروم
• فایرفاکس
• شیائومی
• مرورگر uc
• وی چت
• ۳۶۰
• بایدو

ویژگی وب اپلیکیشن

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

قابلیت جست و جو: این دسته از وب اپلیکیشن‌ها نوعی وب سایت به حساب می‌آیند. که این موجب برتری آن‌ها نسبت به اپلیکیشن‌های بومی شده است.

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

پیش رونده: Pwa باید بتواند بین مرورگر و سیستم عامل ارتباط برقرار کند. از همین رو باید برای تمام مرورگرها وسیستم عامل اندروید و ios قابل اجرا باشد.

قابلیت اشتراک: pwa‌ها باید برای هر بخش خود یک url منحصر بفرد داشته باشند. این بدان معناست که وقتی شما به یکی از صفحات ایجاد شده با آن وارد ‌شوید بتوانید از آن استفاده کنید. همچنین باید بتوانید محتوای این صفحات را به اشتراک بگذارید.

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

ایمن بودن: از الزامات استفاده از این pwa پیاده سازی روی بستر SSL و در دسترس بودن از طریق پروتکل امن HTTPS می‌باشد. بنابراین از امنیت بالایی برخوردار است تا انتقال اطلاعات بدون مشکل انجام شود.

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

به روزرسانی: از آنجا که این برنامه وابسته به سایت است، باید بتواند در صورت به روزرسانی و تغییرات اعمال شده بر روی سایت آپدیت شود.

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

چگونه یک وب اپلیکیشن بسازیم؟

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

فناوری‌های مورد استفاده در طراحی وب اپلیکیشن پیش رونده

مهمترین فناوری‌های به کار رفته در وب اپلیکیشن پیش رونده عبارت است:

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

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

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