Progressive Web Apps چیست و چه کاربردی دارد

خانه / همه مطالب / متن های آموزشی / Progressive Web Apps چیست و چه کاربردی دارد
توسط
در متن های آموزشی

progesive web apps چیست؟ pwa تکنلوژی است که اگر از آن استفاده کنیم، بدون ساخت اپلیکیشن برای اندروید یا ios، برنامه وب سایت شما در گوشی با تکیه بر وب نصب می شود و مانند یک اپلیکیشن برای کاربر رفتار می کند.

اگر بخواهید از pwa استفاده کنید کافی است که یک وب سایت با همان زبان های برنامه نویسی که بلد هستید پیاده سازی کنید که فقط قرار باشد اگر کاربر با موبایل بود آن را ببینید. مثل تمام وب سایت هایی که یک ورژن موبایل دارند که با m. شروع می شود (m.youtube.com یا m.facebook.com) سپس با استفاده از pwa و سرویس ورکر های مرورگر شما می توانید تمام صفحات را در داخل مرورگر کش کنید تا تجربه یک اپلیکیشن به کاربر دهد. از طرفی می توانید نوتیفیکشن برای کاربر ارسال کنید.

مراحل نصب pwa

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

  1. نام کوتاه اپلیکیشن
  2. معرفی آیکون برای ios و غیر ios
  3. آدرس صفحه اول اپلیکیشون، یعنی وقتی اپ باز می شود در چه صفحه ای باشیم.

سپس در ادامه روند در گوشی اندروید و ios متفاوت است.

گوشی اندروید

وقتی کاربر از مرورگر به وب سایت شما می اید در پایین صفحه کروم یک پیغام نمایش می دهد و دکمه  add to homescreen را به او نمایش می دهد اگر کاربر این دکمه را بزند، یک آیکون از وب سایت شما در برنامه های او اضافه می شود.

 

گوشی اپل

اگر نسخه ios گوشی اپل از ۱۱ به بعد باشد پس از مشاهده وب سایت می توانید از قسمت share اقدام به add to homescreen کنید تا ایکون  اپ اضافه شود.

اپلیکیشن با pwa چه ویژگی هایی خواهد داشت

  1. هنگامی که شما اپلیکیشن را باز می کنید می بیند که همان صفحه وب ولی fullscreen باز شده است و دیگر خبری از مرورگر نمی باشد.
  2. تمام صفحاتی که شما بازدید می کنید کش می شود و در هنگام قطع شدن اینترنت در دسترس خواهد بود.
  3. به لطف pre-caching شما می توانید صفحات را زودتر لود کنید که باعث می شود در اینترنت های کند هم کاربر حس کند با یک اپلیکیشن در حال کار است.
  4. در حالی که کاربر چیزی برای نصب این اپلیکیشن دانلود نکرده است
  5. شما می توانید حتی در حالی که کاربر از اپ استفاده نمی کند برای او نوتیفیکشن ارسال کنید.

 

برای مشاهده یک نمونه از pwa به وب سایت short film festival در شهر لینز را نگاهی کنید. این لینک را با موبایل باز کنید تا پیغام add Linzis to Home screen را مانند عکس زیر ببینید.

Progressive Web Apps چیست

Progressive Web Apps چیست

کاربرد pwa یا همان progessive web apps

اگر خدمات شما در اپلیکیشن نیاز به لاگین کاربر ندارد حتما از pwa استفاده کنید زیرا:

  1. به دلیل پیشنهاد دادن مرورگر تعداد نصب شما بالا می رود.
  2. اپلیکیشن همیشه اپ دیت است و دیگر نیاز به برزورسانی نیست.
  3. کاربر نیاز به نصب اپ ندارد.
  4. پیاده سازی راحتر است و نیاز نیست به چند زبان برنامه تولید شود در چند مارکت قرار گیرد.
  5. هزینه ساخت اپ و توسعه و نگه داری آن به شدت کاهش می ابد.
Recent Posts

ارسال نظر

تماس با ما

رسانه آموزشی لیموناد

قابل خواندن نیست ؟ تغییر دهید.. captcha txt