اولین قدم ها
برنامه های وب پیشرو همچنان وب سایت هایی هستند که دارای ویژگی ها و قابلیت های پیشرفته هستند. آنها به یک پشته فناوری خاص متصل نیستند و می توانید از ابتدا با یک سایت جدید شروع کنید یا وب سایت موجود خود را بدون تعمیر کامل به روز کنید. در این راهنما یاد خواهید گرفت که یک پیاده سازی خوب از الگوی PWA ایجاد کنید. در اینجا چند استراتژی برای شروع شما وجود دارد:
آن را قابل نصب کنید
از کوچک شروع کن! این رویکرد شامل شروع با یک فایل مانیفست اولیه، یک صفحه آفلاین ساده و یک سرویس‌کار برای ارائه صفحه آفلاین و ذخیره برخی از CSS و جاوا اسکریپت حیاتی است. به لطف حافظه پنهان CSS و جاوا اسکریپت حیاتی، برنامه وب موجود خود را برای کار آفلاین آماده خواهید کرد و در عین حال عملکرد آن را بهبود می بخشید.
روی یک ویژگی تمرکز کنید
یکی از ویژگی‌های جدید را انتخاب کنید - مانند اعلان‌های فشاری یا مدیریت فایل - که تأثیر قابل‌توجهی بر کاربران یا کسب‌وکار شما خواهد داشت. این به شما این امکان را می دهد که انگشتان پای خود را بدون ایجاد تغییرات زیاد به یکباره در استخر PWA فرو کنید.
یک نسخه ساده بسازید
یک بخش موجود از برنامه خود یا یک سفر کاربر خاص، مانند پخش ویدیو یا دسترسی به کارت پرواز، را انتخاب کنید، و آن را به عنوان اولین PWA آفلاین، به تنهایی یا در زمینه، جلو به پشت کار کنید. این به شما امکان می دهد یک آزمایش کم ریسک را انجام دهید و به شما امکان می دهد تجربه ای را برای کاربران خود با PWA تجدید نظر کنید.
از پایه شروع کنید
اگر در حال طراحی مجدد وب سایت خود هستید یا می توانید از ابتدا شروع کنید، این استراتژی بسیار منطقی است. این به شما امکان می‌دهد که الگوهای طراحی PWA را آسان‌تر از سایر استراتژی‌ها بسازید، به ویژه به شما این امکان را می‌دهد که از تمام قدرت کارکنان خدمات از همان ابتدا استفاده کنید.
ارتقاء اپلیکیشن فروشگاهی
با قابلیت انتشار یک PWA در فروشگاه‌های برنامه، می‌توانید PWA خود را در یک راه‌انداز PWA بپیچید و آن را در فروشگاه‌ها آپلود کنید، مانند فروشگاه Play یا Windows Store Google. اگر یک برنامه خاص پلتفرم موجود دارید، می توانید آن را با PWA خود که در فروشگاه منتشر شده است جایگزین کنید.
با این رویکرد، کاربران فعلی شما تجربیات خود را به PWA ارتقا می‌دهند و کاربران جدید همچنان می‌توانند از PWA شما از مرورگر یا فروشگاه‌های برنامه استفاده یا نصب کنند. و یک برنامه برای همه خواهید داشت که باعث صرفه جویی در هزینه ها، زمان و بهبود تجربه کاربری می شود.
چک لیست PWA
برنامه وب پیشرو یک وب سایت است که به این سؤال منجر می شود: چه زمانی به یک برنامه وب پیشرفته تبدیل می شود؟ پاسخ چندان ساده نیست، زیرا مفهوم PWA به یک فناوری یا پشته خاصی اشاره نمی کند، PWA در عوض یک الگوی شامل اجزای فنی مختلف است.
در حالی که هیچ قانون منحصر به فردی در بین همه مرورگرها وجود ندارد، مجموعه‌ای از توصیه‌ها به نام فهرست چک برنامه وب پیشرو وجود دارد که به شما کمک می‌کند یک PWA ایجاد کنید که کاربران آن را دوست داشته باشند.
الزامات اصلی
از آنجایی که PWA همه دستگاه‌ها را در بر می‌گیرد، از تلفن همراه تا رایانه رومیزی، فهرست اصلی بررسی برنامه‌های وب پیشرو در مورد کارهایی است که باید انجام دهید تا برنامه خود را برای همه کاربران، صرف نظر از اندازه صفحه یا نوع ورودی، قابل نصب و قابل اعتماد کنید.
الزامات اصلی عبارتند از:
سریع شروع می شود، سریع می ماند
عملکرد نقش مهمی در موفقیت هر تجربه آنلاین ایفا می‌کند، زیرا سایت‌های با عملکرد بالا، کاربران را بهتر از سایت‌هایی که عملکرد ضعیفی دارند، جذب کرده و حفظ می‌کنند. سایت ها باید بر روی بهینه سازی معیارهای عملکرد کاربر محور تمرکز کنند.
در هر مرورگری کار می کند
برنامه های وب پیشرو ابتدا برنامه های وب هستند، به این معنی که باید در مرورگرها کار کنند، نه فقط در یکی از آنها. اگرچه لازم نیست تجربه در همه مرورگرها یکسان باشد. ممکن است ویژگی‌هایی وجود داشته باشند که توسط یک مرورگر پشتیبانی نمی‌شوند و برای اطمینان از یک تجربه خوب، یک نسخه بازگشتی وجود دارد.
پاسخگو به هر اندازه صفحه نمایش
کاربران می‌توانند از PWA شما در هر اندازه صفحه‌نمایش استفاده کنند و تمام محتوا در هر اندازه درگاه نمایش در دسترس است.
یک صفحه آفلاین سفارشی ارائه می دهد
هنگامی که کاربران آفلاین هستند، نگه داشتن آنها در PWA تجربه یکپارچه تر و شبیه به بومی را نسبت به بازگشت به صفحه آفلاین مرورگر پیش فرض فراهم می کند.
قابل نصب است
کاربرانی که برنامه ها را نصب می کنند یا به صفحه اصلی خود اضافه می کنند، تمایل بیشتری به تعامل با آن برنامه ها دارند و زمانی که PWA نصب می شود، می تواند از توانایی های بیشتری برای تجربه کاربری بهتر استفاده کند.
ویژگی های PWA بهینه
برای ایجاد یک برنامه وب پیشرفته واقعا عالی، برنامه ای که به نظر بهترین برنامه در کلاس باشد، به چیزی بیش از چک لیست اصلی نیاز دارید. چک لیست بهینه برنامه پیشرو وب در مورد این است که PWA شما در عین استفاده از آنچه که وب را قدرتمند می کند، احساس توانایی و قابل اعتماد کند.
تجربه آفلاین را ارائه می دهد
با اجازه دادن به کاربران برای استفاده از PWA شما در حالت آفلاین، یک تجربه معتبر شبیه به برنامه برای آنها ایجاد خواهید کرد. این کار را با شناسایی ویژگی هایی که نیازی به اتصال ندارند، انجام دهید تا کاربران بتوانند حداقل به برخی از عملکردها دسترسی داشته باشند.
کاملا در دسترس است
اطمینان حاصل کنید که تمام محتوا و تعاملات برنامه توسط صفحه‌خوان‌ها قابل درک است، فقط با یک صفحه کلید قابل استفاده است، فوکوس نشان داده شده است و کنتراست رنگ قوی است. با در دسترس قرار دادن PWA خود، مطمئن می شوید که برای همه قابل استفاده است.
در صورت وجود از قابلیت های قدرتمند استفاده می کند
از پیام‌رسانی فشاری، WASM و WebGL گرفته تا دسترسی به سیستم فایل، انتخاب‌کنندگان تماس و ادغام با فروشگاه‌های برنامه. ابزارهایی برای ایجاد PWAهای بسیار توانمند و عمیقاً یکپارچه در اینجا هستند و به شما این امکان را می‌دهند که یک تجربه کاربری با ویژگی‌های کامل ایجاد کنید که قبلاً برای برنامه‌های پلتفرم رزرو شده بود و کاربران شما می‌توانند هر کجا که می‌روند با خود ببرند.
از طریق جستجو قابل کشف است
بیش از نیمی از ترافیک وب سایت از جستجوی ارگانیک است. اطمینان از وجود URL های متعارف برای محتوا و اینکه موتورهای جستجو می توانند سایت شما را فهرست کنند برای کاربران برای یافتن PWA شما بسیار مهم است.
با هر نوع ورودی کار می کند
کاربران باید بتوانند در حین استفاده یکپارچه از برنامه شما، بین انواع ورودی جابجا شوند و روش های ورودی نباید به اندازه صفحه نمایش بستگی داشته باشد.
زمینه را برای درخواست های مجوز فراهم می کند
فقط درخواست مجوزهایی مانند اعلان‌ها، موقعیت جغرافیایی، و اعتبارنامه‌ها را پس از ارائه دلایل منطقی برای افزایش شانس پذیرش درخواست‌ها توسط کاربر، راه‌اندازی کنید.
بهترین شیوه ها را برای کد سالم دنبال می کند
به روز نگه داشتن برنامه خود و سالم نگه داشتن پایگاه کد، ارائه ویژگی های جدید را برای شما آسان تر می کند که سایر اهداف ارائه شده در این چک لیست را برآورده می کند.