Tayebeh Safdari
3 سال پیش توسط Tayebeh Safdari مطرح شد
1 پاسخ

progressive-web-application با webpack.js

سلام وقت بخیر
در webpack.js نسخه 5 میخواستم از PWA استفاده کنم که طبق مستندات خود webpack :
https://webpack.js.org/guides/progressive-web-application/
گفته شده از Workbox استفاده کنم اما Workbox فقط برای حالت Offline استفاده میشه مثلا من اگه قابلیت های دیگه مثل Notifications، IndexedDB و ... بخوام استفاده کنم چه کدی باید در webpack.config.js اضافه کنم و همچنین چطور manifest.json استفاده کنم با webpack؟
ممنون


ثبت پرسش جدید
</حسان.م>
تخصص : Web Developer | iheasn.com
@hesan911 3 سال پیش مطرح شد
0

@tayebehsafdari

با سلام
برای پیاه سازی Notifications نیاز به استفاده از برنامه نویسی back-end با توجه به زبان برنامتون دارید و یا همچین میتونید از پلتفرم های اماده مثل پوشه استفاده کنید که خیلی راحت تر هستند.

و فایل manifest.json باید به شکل زیر باشه

{
  "short_name": "اسم سایت",
  "name": "نام کامل سایت",
  "description": "توضیحات سایت",
  "icons": [
    {
      "src": "/img/favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
    },
    {
      "src": "/img/logo512.png",
      "type": "image/png",
      "sizes": "512x512",
      "purpose": "any maskable"
    }
  ],
  "start_url": "https://example.com/",
  "display": "standalone",
  "theme_color": "#4750a0",
  "background_color": "#fafafa"
}

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام