آموزش وب اپلیکیشن های پیش رونده با Vue 3

در این دوره یاد می گیرید که چگونه با ساخت یک وب اپلیکیشن آماده آفلاین با Vue 3 و وب اپلیکیشن های پیشرونده شروع به کار کنید.

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

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

خب، با فناوری معروف به وب اپلیکیشن های پیشرونده، می توانید این کار را انجام دهید!

مزایای آن چیست؟

وب اپلیکیشن های پیشرونده (PWA) بر اساس این ایده هستند که وب اپلیکیشن ها باید تجربه‌ ای شبیه به اپلیکیشن داشته باشند. سه مزیت اصلی وجود دارد:

• امکان نصب آن به صورت محلی - وب اپلیکیشن ها در گذشته محدود به کاربرانی بودند که URL را به خاطر بسپارند یا آن را بوک مارک می کردند، اما اکنون کاربران می توانند اپلیکیشن شما را مانند هر اپلیکیشن دیگری به صفحه نمایش اصلی دستگاه موبایل خود اضافه کنند.
• کاربران می‌ توانند از اپلیکیشن شما به صورت آفلاین استفاده کنند - وب اپلیکیشن ها نیز قبلاً به اتصال کاربر به اینترنت محدود می‌ شدند، اما با PWA، این دیگر محدودیتی نیست.
• سهولت دسترسی - تا زمانی که کاربران یک مرورگر مدرن داشته باشند، می توانند اپلیکیشن شما را بدون محدودیت توسط مارکت پلیس app store نصب کنند.

علاوه بر این، ویژگی هایی نیز وجود دارد که به شما امکان می دهد از موارد زیر استفاده کنید:

• ذخیره سازی آفلاین
• پوش نوتیفیکیشن ها

موانع کدامند؟

در حالی که PWAs عالی هستند، درک این نکته ضروری است که آن ها جایگزینی برای اپلیکیشن های ساخته شده نیتیو نیستند و به هیچ وجه اپلیکیشن های نیتیو را منسوخ نمی کنند. از آنجایی که PWAs به صورت نیتیو روی دستگاه اجرا نمی شوند، به این معنا است که آن ها از نظر عملکردی که ممکن است از یک اپلیکیشن نیتیو انتظار داشته باشید محدود هستند، مانند:

• بلوتوث
• NFC
• ظرفیت ذخیره سازی بالا

علاوه بر این، مشابه با مشکلاتی که در مورد پشتیبانی مرورگر از ویژگی‌ های خاص با آن‌ ها سروکار داریم، این است که همه ویژگی‌ ها در این اکوسیستم‌ ها پشتیبانی نمی‌ شوند. برای مثال، در زمان ضبط، ویژگی‌ هایی مانند پوش نوتیفیکیشن های PWA در اندروید کار می‌ کنند اما در iOS پشتیبانی نمی‌ شوند.

در حالی که این امر ممکن است مانند یک deal-breaker به نظر برسد، به یاد داشته باشید که بخش مهمی از هر فناوری درک مبادلات (trade-offs) است. حقیقت این است که برای بسیاری از اپلیکیشن ها، این ویژگی ها ضروری نیست و کاربران می توانند بدون آن ها از مزایای زیادی بهره مند شوند.

همانطور که به نظر می رسد، یک وب اپلیکیشن پیشرونده وجود دارد.

بیایید مرور کنیم

کلمه کلیدی که باید روی PWA تمرکز کرد «پیشرونده» است. به عبارت دیگر، در حالی که ممکن است دارای برابری با اپلیکیشن های موبایل نباشد، این یک پیشرفت تدریجی است که به ما امکان می دهد با این نوع وب اپلیکیشن ها گام دیگری به جلو برداریم. موارد زیادی برای جشن گرفتن در آن وجود دارد.

با این اوصاف، در این دوره قصد داریم به نحوه شروع کار با وب اپلیکیشن های پیشرونده با استفاده از Vue 3 نگاهی بیندازیم.