ابراهیم حمزه
ابراهیم حمزه
خواندن ۳ دقیقه·۵ سال پیش

PWA قسمت اول

درابتدا: PWA مخفف شده Progressive Web Apps به معنای وب اپلیکیشن‌های پیشرونده است که توسط گوگل در سال ۲۰۱۵ معرفی شد و در حال حاضر بیشتر مرورگر‌ها از آن پشتیبانی می‌کنند. این دستاورد باعث پیشرفت در تولید وب اپ‌ها شد و این حس را برای کاربر ایجاد می‌کند که در حال کار با برنامه Android یا IOS است. البته پشتیبانی مرورگر‌ها به نحوی است که این حس وب‌اپ بودن در مرورگر‌های جدید بیشتر ملموس است و در مرورگر‌های قدیمی و خیلی قدیمی، کمتر می‌شود.

قبل از هر چیزی چند مزیت برای PWA بیان می‌کنیم تا بیشتر با آن آشنا شوید

۱- با تبدیل برنامه به PWA به کاربرانی که با موبایل خود در کار مرور سایت هستند، حس بهتری را منتقل می‌کنیم و باعث افزایش سرعت می‌شویم و از همه مهمتر پیچیدگی‌های نصب را از میان برمی‌داریم و دیگر هیچ اپلیکیشن مارکتی(مانند App Store) نمی‌تواند مانع شما شود و یا هزینه‌ای برای لایسنس تولید برنامه از شما درخواست کند.

۲- امکان افزودن برنامه به یک ایکون بر روی صفحه‌ی گوشی کاربر. به این نحو برنامه شما همیشه در دسترس کاربر است و می‌تواند Push Notificationها را دریافت کند و در جریان کمپین‌های شما قرارگیرد.(ایجاد ICON و Splash و رابط بسیار خوب)

۳- در صورت قطع ارتباط اینترنت شما می‌توانید به صورت آفلاین به کاربر خدمات ارائه کنید و در زمان اتصال دوباره تمام موارد را با سرور هماهنگ کنید. البته می‌توانید تمام فایل‌های مورد نیاز برنامه را هم کش کنید تا در زمان مورد نیاز از آن‌ها استفاده کنید.

شماره ۴- Responsive بودن برنامه: در برنامه‌های PWA این ویژگی کمک می‌کند تا UI و UX مناسبی داشته باشید و حس خوبی را برای کاربر ایجاد کنید

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

۶- نصب برنامه بر روی ویندوز و کروم OS. با تبدیل برنامه به PWA خود برنامه به کاربر اندروید پیشنهاد نصب می دهد و در ویندوز و مک و لینوکس هم می‌توانید همین‌ کار را انجام دهید .


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

و در آخر هم در تصویر برتری PWA را می‌توانید مشاهده کنید.

خصوصیات یک وب اپلیکیشن پیش رونده چیست

پیش رونده (قابل استفاده در هر دستگاه و سیستم‌عامل): یک وب اپلیکیشن پیش رونده فارغ از نوع مرورگر و نوع دستگاه، برای تمام کاربران قابل استفاده است.

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

قابل پیونددهی (لینک‌دهی): وب اپلیکیشن‌های پیش رونده برخلاف اپلیکیشن‌های بومی نیازی به طی کردن مراحل پیچیده‌ی دانلود و نصب ندارند و اشتراک‌گذاری آن‌ها از طریق یک نشانی وب (URL) به راحتی امکان‌پذیر است.

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

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

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

درگیر کردن کاربر: احتمال آنکه کاربران اپلیکیشن‌های موبایل مجددا از اپلیکیشن‌های خود استفاده کنند بیشتر از احتمال مراجعه‌ی مجدد به یک‌ وب‌سایت است. وب اپلیکیشن‌های پیش رونده با استفاده از ویژگی‌هایی نظیر اعلان‌های سمت سرور (Push Notification)، این ضعف را جبران کرده‌اند.

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

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

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

نکته: این موارد آخر از این لینک کپی کردم زومیت

در قسمت بعد یک پروژه رو با هم شروع می‌کنیم.

pwaوب اپوب اپلیکیشنweb applicationprogressive
full stack web Developer- علاقه‌مند به SQL Server و چالش افزایش سرعت- علاقه‌مند به After Effect و Adobe Audition
شاید از این پست‌ها خوشتان بیاید