یک برنامه وب پیشرو (PWA) یک برنامه وب است که از پیشرفت های پیشرونده برای ارائه تجربه مطمئن تر به کاربران استفاده می کند، از قابلیت های جدید برای ارائه یک تجربه یکپارچه تر استفاده می کند و قابل نصب است. و از آنجایی که این یک برنامه وب است، می‌تواند به هر کسی، در هر مکان، روی هر دستگاهی دسترسی داشته باشد، همه با یک پایگاه کد واحد. پس از نصب، PWA مانند هر برنامه دیگری به نظر می رسد، به ویژه:
- این یک نماد در صفحه اصلی، راه‌انداز برنامه، لان‌پد یا منوی شروع دارد.
- هنگامی که برنامه های موجود در دستگاه را جستجو می کنید ظاهر می شود.
- در یک پنجره مستقل باز می شود که کاملاً از رابط کاربری مرورگر جدا شده است.
- به سطوح بالاتری از یکپارچگی با سیستم عامل دسترسی دارد، به عنوان مثال، مدیریت URL یا سفارشی سازی نوار عنوان.
- به صورت آفلاین کار می کند.
پلت فرم وب
وب یک پلتفرم باورنکردنی است. ترکیبی از جهانی بودن آن در بین دستگاه ها و سیستم عامل ها، مدل امنیتی کاربر محور آن، و این واقعیت که هیچ شرکتی مشخصات یا پیاده سازی آن را کنترل نمی کند، آن را به یک پلت فرم قدرتمند برای ارائه نرم افزار تبدیل کرده است.
در ترکیب با قابلیت پیوند ذاتی وب، امکان جستجو در سراسر آن وجود دارد و آنچه را که پیدا کرده اید با هر کسی و در هر کجا به اشتراک بگذارید. هر زمان که به وب‌سایتی می‌روید، آخرین نسخه‌ای است که ناشر راه‌اندازی کرده است، و تجربه شما با آن سایت می‌تواند موقتی یا دائمی باشد که می‌خواهید.
برنامه های کاربردی وب می توانند به هر کسی، در هر مکان و در هر دستگاهی با یک پایگاه کد واحد دسترسی پیدا کنند. برای توسعه دهندگان، وب همچنین یک مکانیسم استقرار شفاف و ساده ارائه می دهد. نیازی به بسته بندی، بررسی محتوای اضافی، یا تاخیر در به روز رسانی وجود ندارد. کاربران همیشه هنگام بازدید از برنامه شما آخرین نسخه را دریافت می کنند. با قابلیت‌ها و تکنیک‌های جدید، یک برنامه وب اکنون می‌تواند به شما امکان تعامل یا دیدن محتوا را حتی در حالت آفلاین بدهد، مانعی که چند سال پیش غلبه بر آن غیرممکن بود.
برنامه های مخصوص پلتفرم
برنامه های مخصوص پلتفرم، هم در موبایل و هم در دسکتاپ، به دلیل غنی بودن و قابل اعتماد بودن شهرت دارند. آنها همیشه در صفحه‌های اصلی، داک‌ها و نوارهای وظیفه حضور دارند. آنها بدون توجه به اتصال شبکه کار می کنند و در تجربه مستقل خود راه اندازی می شوند. آنها می‌توانند فایل‌ها را از سیستم فایل محلی بخوانند و بنویسند، به سخت‌افزار متصل شده از طریق USB، سریال یا بلوتوث دسترسی داشته باشند و با داده‌های ذخیره‌شده در دستگاه‌های شما، مانند مخاطبین و رویدادهای تقویم، تعامل داشته باشند. در برنامه‌های مخصوص پلتفرم، می‌توانید در برنامه دیگری عکس بگیرید، آهنگ‌های فهرست‌شده در صفحه اصلی را پخش کنید یا پخش رسانه را کنترل کنید. این برنامه ها مانند بخشی از دستگاهی هستند که روی آن اجرا می شوند.
یک چالش برای برنامه‌های مخصوص پلتفرم این است که با چندین پلتفرم و دستگاه سازگار نیستند، بنابراین انتقال یک برنامه Android به iOS یا یک iOS به Windows یا ChromeOS بدون ایجاد یک برنامه جدید از ابتدا آسان نیست، حتی الامکان.
آوردن بهترین های هر دو دنیا
اگر به برنامه‌های پلتفرم و برنامه‌های وب از نظر قابلیت‌ها و دسترسی فکر می‌کنید، برنامه‌های پلتفرم بهترین قابلیت‌ها را نشان می‌دهند، در حالی که برنامه‌های وب بهترین قابلیت‌ها را نشان می‌دهند. برنامه های وب پیشرو در تقاطع قابلیت های برنامه های پلت فرم و دسترسی برنامه های وب قرار دارند. یک برنامه وب پیشرفته شامل ویژگی هایی از هر دو جهان است.
وب
- قابلیت پیوند
- به طور پیش فرض قابل دسترسی است
- همه جا حاضر است
- آسان برای استقرار
- آسان برای به روز رسانی
- همه می توانند منتشر کنند
برنامه های پلتفرم
- دارای قابلیت آفلاین
- عملکرد بالا
- یکپارچه سازی دستگاه
- تجربه مستقل
- نماد نصب شده
- غنی و قابل اعتماد
فرزندخواندگی مزایای خود را دارد
Hulu، یک سرویس پخش ویدئو در ایالات متحده، یک نسخه برنامه وب پیشرفته از تجربه خود را ایجاد کرد تا برنامه های دسکتاپ خود را جایگزین کند که نظرات کاربران ضعیف و استفاده ضعیفی داشتند. همانطور که در Google I/O 2019 به اشتراک گذاشته شد، یک توسعه دهنده می تواند این تجربه را از برنامه وب موجود خود در دو هفته تحقیق و پیاده سازی کند.
در عرض پنج ماه، 96٪ از کاربران برنامه قدیمی آنها PWA را با افزایش 27٪ در بازدیدهای برگشتی و افزایش 5.5٪ در تعامل استفاده کردند. از آنجایی که PWA در راه‌انداز و نوار وظیفه قرار دارد، بازگشت به PWA آسان‌تر از زمانی است که فقط در یک برگه زندگی می‌کردند.
JD.ID ، یک پلت فرم تجارت الکترونیک در اندونزی که خدمات تحویل بسیاری از محصولات را ارائه می دهد، می خواست حضور آنلاین خود را با تمرکز بر عملکرد و یک تجربه قوی مستقل از شبکه برای PWA خود گسترش دهد. با این تجربه پیشرفته، آنها نرخ تبدیل کلی تلفن همراه خود را 53٪، 200٪ برای کاربران نصب شده، و کاربران فعال روزانه خود را 26٪ افزایش دادند.
Clipchamp یک ویرایشگر ویدیوی آنلاین کلاس دسکتاپ درون مرورگر است که به هر کسی اجازه می‌دهد داستان‌هایی را که ارزش اشتراک‌گذاری از طریق ویدیو را دارند تعریف کند. آنها با PWA خود در مقایسه با کاربران نرم‌افزار دسکتاپ استاندارد خود، 9 درصد حفظ کاربر بیشتر را مشاهده کردند و شاهد افزایش نصب PWA آنها در پنج ماه اول راه‌اندازی هر ماه با نرخ 97 درصد بوده‌اند.
Corel Corporation's Gravit Designer یک ابزار طراحی وکتور قدرتمند و کلاس دسکتاپ است که به ده‌ها هزار کاربر فعال روزانه که خواستار نرم‌افزار تصویر برداری غنی، مقرون به صرفه و در دسترس هستند، خدمات می‌دهد. از آنجایی که یک PWA به عنوان گزینه نصب برای کاربران اضافه شده است، کاربران PWA 24٪ فعال تر هستند، PWA 31٪ بیشتر کاربران تکراری را تشکیل می دهد، و کاربران PWA 2.5 برابر بیشتر احتمال دارد Gravit Designer PRO را خریداری کنند. سایر پلتفرم ها و گزینه های نصب آنها.
تغییر جریان بازی
یک مثال عالی از قدرت برنامه‌های وب پیشرو، صنعت پلتفرم‌های استریم، از جمله بازی‌های ابری و محاسبات از راه دور است. از سال 2021، اکثر ارائه‌دهندگان بازی‌های ابری برنامه‌های وب پیشرفته را راه‌اندازی کرده‌اند که به شما امکان می‌دهند بازی‌های کنسولی را از هر دستگاهی و فقط با یک مرورگر یا نصب PWA انجام دهید: iPhone، Android، iPad، لپ‌تاپ، مک یا رایانه شخصی. Amazon Luna، Microsoft Xbox Cloud Gaming، Facebook Gaming، Google Stadia، Nvidia GeForce Now، و BlueStacks X راه حل های بازی ابری را از طریق مرورگر به عنوان PWA ارائه می دهند. همه آنها به لطف فناوری های وب مانند WebRTC، WebAssembly، و GamePad API ها، تجربه ای عالی با عملکرد نزدیک به بومی در همه پلتفرم ها ارائه می دهند.
چالش ها
با توجه به مزایای استفاده از پلتفرم وب برای انتشار PWA ها، آگاهی از چالش هایی که ممکن است با آن مواجه شوید نیز مهم است.
سازگاری بین مرورگرها
اپل یک شرکت حیاتی برای دنیای چند دستگاهی است که دارای iOS، iPadOS، macOS و Safari است. در حالی که اپل هرگز از اصطلاح PWA به صورت عمومی استفاده نکرده است، از سال 2018 در سافاری برای آیفون و آیپد از فناوری‌هایی برای نصب PWA و قابلیت نصب آفلاین پشتیبانی می‌کند.
با این حال، اجرای اپل از مشخصات PWA بسیاری از ویژگی‌های سایر مرورگرها، به ویژه مرورگرهایی که از موتور کرومیوم پشتیبانی می‌کنند را از دست می‌دهد.
در وسط، ما همچنین فایرفاکس و موتور Gecko آن را با پیاده سازی هایی از جمله مشخصات PWA بیشتر در اندروید و قابلیت نصب کمتر در دسکتاپ داریم.
محدودیت‌ها عبارتند از فقدان اعلان‌های فشار، APIهای یکپارچه‌سازی (مانند بلوتوث وب یا WebNFC)، و تکنیک‌های ارتقای نصب که به کاربران کمک می‌کند بدانند می‌توانند وب‌سایت فعلی را نصب کنند تا تجربه برنامه را داشته باشند. علاوه بر این، چندین باگ با ویژگی های پیاده سازی شده وجود دارد.
مانند سایر توسعه‌های وب، آزمایش تجربه شما در هر پلتفرم هنگام انتشار PWA و زمانی که یک مرورگر جدید یا نسخه سیستم عامل منتشر می‌شود، اجباری است. وقتی یک ویژگی در دسترس نیست، همیشه باید راه حل های بازگشتی یا تجربیات جایگزین ارائه دهید.
آگاهی از PWA ها
به‌عنوان یک توسعه‌دهنده PWA، احتمالاً با مشکل آگاهی هم در بخش تجاری و هم در سمت کاربر مواجه خواهید شد. برخی از صاحبان مشاغل درباره PWA ها نمی دانند یا تصورات نادرستی در مورد قدرت و چالش های برنامه های وب پیشرو دارند.
هنگامی که یک PWA منتشر می کنید، چالش بعدی شما این است که اطمینان حاصل کنید که کاربران متوجه می شوند که وب سایت قابل نصب است، که منجر به تجربه برنامه نصب شده می شود.
چالش نصب در برخی از پلتفرم‌ها مانند iOS و iPadOS مهم‌تر است، و گاهی اوقات طراحان UX دارای صفحه‌هایی هستند که نحوه نصب برنامه را به کاربر توضیح می‌دهند.
سازگاری
باید به خاطر داشته باشید که یک برنامه وب پیشرو فقط یک برنامه وب است، بنابراین محتوا و سرویس ها بر اساس مشخصات و پروتکل های استاندارد اجرا می شوند. بنابراین، یک PWA از نظر فنی در هر جایی که وب اجرا می شود اجرا می شود. شما نیازی به سازگاری پلتفرم با هیچ "مشخصات PWA" ندارید.
با این حال، وقتی در مورد PWA و سازگاری صحبت می‌کنیم، معمولاً به قابلیت‌هایی برای عبور از مرزهای مرورگر و زمینه‌های فقط آنلاین فکر می‌کنیم: نصب نمادها و پشتیبانی آفلاین.
علاوه بر پشتیبانی از پلتفرم وب کلاسیک، اجازه دهید پشتیبانی از عملکردهای اصلی برنامه، مانند نصب نمادها و قابلیت‌های آفلاین را بررسی کنیم.
97 درصد
مرورگرهای آماده آفلاین
88 %
کاربران وب می توانند PWA را نصب کنند
منبع داده‌ها از StatCounter و Can I Use.
دسکتاپ و لپ تاپ
در دنیایی از دستگاه های چند عاملی، دانستن اینکه دستگاه دسکتاپ چیست، دیگر چالش برانگیز است. با این حال، حداقل از نظر سیستم عامل، این مرورگرها و فروشگاه ها با نصب PWA و قابلیت های آفلاین سازگار هستند:
- ویندوز 10 و 11
- گوگل کروم (از نسخه 73)، مایکروسافت اج (از نسخه 79)، فروشگاه مایکروسافت
- ChromeOS
- مرورگر داخلی کروم (از نسخه 72)، فروشگاه Play (از نسخه 85)
- macOS، Linux، و Windows 7 و 8.x
- گوگل کروم (از نسخه 73)، مایکروسافت اج
در ویدیوی زیر، کاربر یک PWA را از مرورگر روی یک کامپیوتر رومیزی نصب می‌کند و سپس مانند هر برنامه دیگری با پنجره مستقل خود به آن دسترسی پیدا می‌کند.
دستگاه های موبایل
در مورد تلفن‌های همراه و تبلت‌ها، یک برنامه وب پیشرفته با قابلیت‌های آفلاین با استفاده از مرورگرها و فروشگاه‌های برنامه زیر قابل نصب است:
- iOS و iPadOS
- مرورگرهای شخص ثالث (از iOS/iPadOS 16.4)، Safari (از iOS 11.3)، AppStore (از iOS/iPadOS 14، با برخی محدودیت‌ها)، پیکربندی تلفن همراه برای توزیع سازمانی.
- اندروید
- Firefox، Google Chrome، Samsung Internet، Microsoft Edge، Opera، Brave، Huawei Browser، Baidu، UCWeb، Play Store (از نسخه 72 با نصب Google Chrome یا مرورگرهای سازگار با TWA)، Galaxy Store، Managed Play iframe برای توزیع سازمانی.
در ویدیوی زیر، کاربر یک PWA را از مرورگر بر روی یک دستگاه تلفن همراه با استفاده از گفتگوی مرورگر و همچنین با استفاده از منوی افزودن به صفحه اصلی نصب می‌کند.
دستگاه های دیگر
برخی دیگر از دستگاه های کوچک دیگر از PWA پشتیبانی می کنند، مانند کنسول های بازی (ایکس باکس با فروشگاه مایکروسافت) یا دستگاه های XR (مایکروسافت هولولنز، برنامه هایی برای Oculus فیس بوک). با این حال، بقیه دستگاه‌های دارای مرورگر معمولا PWA را نمی‌پذیرند، از جمله:
- کنسول های بازی
- تلویزیون های هوشمند
- ساعت های هوشمند
- ماشین ها
PWA شما همیشه در مرورگر همه دستگاه ها با محدودیت های خاص آنها کار می کند. این توانایی کار در بسیاری از دستگاه‌ها، به شما امکان می‌دهد سفرهای چند دستگاهی را ایجاد کنید، جایی که کاربر می‌تواند یک کار را در یک دستگاه شروع کند و آن را در دستگاه دیگری با داده‌های همگام‌سازی شده بین آنها، دقیقاً با همان برنامه مستقر شده، تکمیل کند.