توسعه‌دهندگان Web Push / PWA

مسیر توسعه Web Push و PWA

مراحل نصب Pushfa Web SDK، Service Worker، اجازه دریافت اعلان، هویت مخاطب و دریافت رویدادهای Push در وب.

Web Push و PWA نمایش اعلان مرورگر در وب‌سایت و وب‌اپ نصب‌شده Web Push / PWAمرورگر، Service Worker و اعلان

معماری Web Push پوشفا

صفحه وب notification-v2.js را به‌صورت ES module بارگذاری می‌کند. SDK پروفایل و توکن را با api_public_key ثبت می‌کند. pushfa-messaging-sw.js در ریشه دامنه اعلان در پس‌زمینه و کلیک را مدیریت می‌کند. سرور پوشفا پیام را از طریق Firebase/WebPush به subscription می‌رساند.

ترتیب پیشنهادی پیاده‌سازی

سرویس Web بسازید

api_public_key و فایل Service Worker را از پنل بگیرید.

SDK را اضافه کنید

اسکریپت module را در صفحه‌های موردنیاز بارگذاری کنید.

Service Worker را در ریشه قرار دهید

Scope باید دامنه و مسیرهای موردنیاز را پوشش دهد.

استراتژی اجازه دریافت اعلان را تعیین کنید

autoPrompt یا درخواست دستی پس از اقدام کاربر.

شناسه ثابت مخاطب (Subscriber ID) و eventها را متصل کنید

برای مقصدهای Push، پس از پذیرش اعلان و ثبت موفق توکن، شناسه را بدون تکرار در بک‌اند ذخیره کنید. نمونه آماده یا دستی را از صفحه دریافت شناسه بردارید. ثبت رویدادهای محصول، جریان جداگانه‌ای دارد.

ادامه جزئیات فنی

Ctrl+I