اگر یک توسعه دهنده وب هستید ، قطعا PWA آخرین و جدیدترین "کلمه کلیدی" میباشد که به دایره لغات کاری شما اضافه شده است. وب اپلیکیشن پیشرو ( PWA ) تکنولوژی جدیدی میباشد که این روزها در میان علاقمندان دنیای آی تی محبوبیت بی نظیری پیدا کرده و در کانون توجهات قرار گرفته است. این تکنولوژی توانسته رویای دور نصب اپلیکیشنهای وب بر روی تلفنهای همراه را به واقعیت تبدیل کند. مقالات زیادی در رابطه با ساخت PWA و مزایای آن وجود دارد که بیشتر آنها برای رساندن مفهوم این تکنولوژی به خصوص برای تازه کاران ، کمی گمراه کننده میباشند. در این مقاله قصد دارم یک تصویر کلی از PWA ارائه بدهم که شروع خوبی در فرایند یادگیری این تکنولوژی میباشد.
PWA چیست؟
به نقل از ویکی پدیا : " PWA اصطلاحی برای تعریف یک متد جدید توسعه نرم افزار است. وب اپلیکیشنهای پیشرفته همان صفحات وب معمولی و عادی میباشند اما در قالب اپلیکیشنهای سنتی یا اپلیکیشنهای بومی موبایل ظاهر میشوند. این مدل جدید اپلیکیشن سعی دارد ویژگیهای اکثر مرورگرهای مدرن را با مزایای تجربه تلفن همراه ترکیب کند." این نقل قول از ویکی پدیا ممکن است کمی مبهم و حتی متضاد تعریف این تکنولوژی باشد. پس PWA را به شکل غیر رسمی و خودمانی بررسی میکنیم.
PWA (وب اپلیکیشن پیشرو) همانند اپلیکیشنی میباشد که از اپ استور یا پلی استور دانلود و نصب شده است. وبسایت هایی که به صورت PWA ایجاد شده اند ، در هنگام مراجعه کاربران بعضا پیغامی مبنی بر "افزودن به هوم اسکرین" برای آنها نمایش داده میشود. در صورتی که کاربر این پیغام را تایید کند ، PWA به هوم اسکرین تلفن همراه آنها اضافه میشود. سری بعد که کاربر از طریق PWA ایجاد شده در هوم اسکرین وارد وبسایت مربوطه شود ، کنترلها و رابط کاربری مرورگر مخفی میشوند و وبسایت مانند یک اپلیکیشن بومی برای کاربر به نمایش در میآید.
در مقایسه با اپلیکیشنهای بومی ، وب همیشه تشنه عملکرد و کارایی مطمئن بوده است. وب همیشه آرزوی این را داشت که مانند اپلیکیشنها جایگاهی در پنل اعلانات و هوم اسکرین داشته باشد. بیش از 40 درصد کاربران وب ، صفحاتی که بیش از 3 ثانیه لود میشوند را ترک میکنند. PWA یک راه حل برای این "اپیدمی چاقی صفحات وب" است که کاربران با آن مواجه هستند. PWA یک بوک مارک شکوهمندانه است که موفق به شکست این شکاف در وب شده است. تمام کار PWA حذف حساسیتها و کمک به کاربر در دسترسی آسان به آنچه که میخواهد است. با وجود اینکه PWA فناوری جدید و نوظهوری میباشد ، اما این تکنولوژی به طور گسترده ای توسط کمپانیهای بزرگ مورد استفاده قرار گرفته است. برخی از این کمپانیها را تصویر زیر مشاهده میکنید.
کل اعتبار برای این تجربه بدون درز به لطف تکنولوژی فوق العاده ای به نام "سرویس ورکر" میباشد که استخوان پشتی هر PWA است. سرویس ورکر اسکریپتی مستقل از صفحه وب میباشد که مرورگر در پشت صحنه اجرا میکند. سرویس ورکرها محتوا را هوشمندانه کش میکنند ، محتوا را در پشت صحنه بروز رسانی میکنند ، نوتیفیکیشن ارسال میکنند و قابلیت جذاب دسترسی آفلاین به سایتهای بازدید شده را فراهم میسازند. این یعنی وقتی شما برای اولین بار از سایتی بازدید میکنید ، سایت و اپلیکیشن حتی در شبکههای ضعیف به مراتب با سرعت بالاتری بارگزاری خواهد شد.
دلیل اهمیت PWA چیست؟
- مطمئن هستند
یک PWA بدون توجه به شرایط شبکه ، قادر است به صورت کاملا آفلاین ، محتوای با ارزش به کاربر ارائه دهد. که این سطح عملکرد آفلاین بستگی به اپلیکیشن دارد.
- واکنشگرا هستند
PWAها با صفحه نمایشهای مختلف سازگار میباشند تا تجربه کاربری فوق العاده ای را برای کاربران رقم بزنند. یک طراحی واکنشگرا مناسب میتواند تضمینی برای اپلیکیشن شما باشد که در آینده در دستگاههای مختلف براحتی اجرا شود.
- جذاب هستند
تا قبل از این تکنولوژی ، اپلیکیشنهای بومی بسیار جذابتر از اپلیکیشنهای وب بودند. وجود آیکونی در هوم اسکرین دسترسی به اپلیکیشن را ساده مینمود و پوش نوتیفیکیشنها کاربر را از اطلاعات مهمی که به توجه آنها نیاز داشت ، مطلع میساخت. اکنون با PWA وب اپلیکیشنها نیز از تمام این مزایا بهرمند هستند.
- امن هستند
PWA بطور پیشفرض امن میباشند. فناوریهای فعال PWA نیازمند برنامه هایی هستند که از طریق HTTPS ارائه شده اند.
- هزینهها را کاهش داده اند
برای بسیاری از کمپانیها هزینه توسعه ، تست و نگهداری نرم افزار برای چندین پلتفرم نامعقول میباشد. گارتنر پیش بینی کرده است که تا سال آینده ، بیش از 20 درصد از کمپانیها اپلیکیشنهای موبایل خود را رها میکنند و معتقدند PWA جایگزین بسیار مناسبی برای آنها خواهد بود. کمپانی هایی از جمله علی بابا نشان داده اند که تنها با متمرکز کردن تلاششان بر روی یک اپلیکیشن PWA به جای چندین اپلیکیشن بومی ، نرخ تبدیلات و میانگین فروش متوسط آنها افزایش یافته است.
- یک اپلیکیشن ، چندین پلتفرم
وب اپلیکیشن پیشرفته شما را قادر میسازد تا تجربه کاربری بهتری را برای کاربرانتان رقم بزنید. با وجود یک اپلیکیشن جامع و سراسری ، شما دیگر نیازی به تیم مختلف توسعه برای پلتفرمهای مختلف نخواهید داشت و تمرکز شما تنها بر روی یک توزیع ، قطعا به بهود تجربه کاربری آن اپلیکیشن منجر خواهد شد.
نتیجه گیری
وب بزرگترین پلتفرم دنیاست. وب آینده اپلیکیشن هاست. ولی نمیتوانیم بگوییم PWA آینده اپلیکیشنهای بومی را نابود میکند. اما با این حال علاقه به این تکنولوژی رویکرد رو به رشدی در جامعه داشته است و شرکتهای بزرگی همچون گوگل و مایکروسافت از این فناوری جدید حمایت میکنند و مایکروسافت قصد دارد نسل بعدی اپلیکیشنهای خود از جمله Outlook و Teams را به عنوان PWA ارائه دهد. PWAها هنوز دوران کودکی خود را سپری میکنند و چالشهای زیادی را پیش رو دارند که باید حل شوند. با این حال آنها توانایی ایجاد تغییر در نحوه کار وب را دارند.
سلام. میشه آموزش ساخت pwa هم بذارین؟
سلام من تازه دارم pwa را یاد میگیرم ولی زمانی که فایل manifeast را در وب سایتم قرار دادم در قسمت فرمها tag input فایل برای آپلود عکس از کار افتاد و دیگه با کلیک بر روی آن انتخاب فایل باز نشد دلیلشو میخواستم اگه میشود بفرمائید و راه حل این مشکل بزرگ چیست تشکر
اولین بار بود که با PWA آشنا شدم ، جالب بود
مقاله جالبی بود ممنون
و چقد خوبه که از طریق HTTPS ارائه میشن