پوش React Native

پوش React Native — نسخه ۱

اعلان این اتصال در نوار اعلان سیستم‌عامل نمایش داده می‌شود؛ کارت داخل اپ ساخته نمی‌شود. سرور اختصاصی ناشر، JWT و کلید خصوصی در اپ لازم نیست. روش استاندارد از FCM/APNs یا Web Push استفاده می‌کند؛ روش مستقیم از خود دیدنکس می‌خواند. مجوز و رضایت واقعی مخاطب در هر دو لازم است.

روش دریافت را انتخاب کنید

- استاندارد: آماده‌سازی و کد ابتدای همین صفحه مربوط به FCM/Web Push است. - مستقیم، بدون Firebase: به بخش «اتصال مستقیم بدون Firebase» در ادامه همین صفحه بروید؛ وابستگی و تنظیمات FCM بخش استاندارد را نصب نکنید. محدودیت پس‌زمینه همان‌جا نوشته شده است. - فقط یک روش را برای هر نصب فعال کنید. برای تغییر روش، adapter قبلی را close/dispose و روش جدید را فعال کنید؛ برای توقف دریافت unsubscribe لازم است.

شناسه جایگاه چیست و از کجا بگیرم؟

پوش در دیدنکس از شناسه عمومی یکی از جایگاه‌های فعال همان رسانه برای پیدا کردن اپ یا سایت شما استفاده می‌کند. پیشوند واقعی این شناسه UNT_ است. این مقدار نام اپ، شناسه بسته، شناسه رسانه با پیشوند AST_، توکن FCM یا کلید API نیست و محرمانه نیست.

در پنل ناشر، «جایگاه‌های تبلیغ» را باز کنید؛ شناسه زیر نام جایگاه دیده می‌شود. همان شناسه کامل را کپی کنید. راه ساده‌تر: در «پوش ← اتصال رسانه‌ها»، برای رسانه خود «کد پوش» را بزنید و پلتفرم را انتخاب کنید؛ کد با شناسه واقعی شما ساخته می‌شود و نیازی به حدس یا جایگزینی دستی ندارد.

در مثال عمومی زیر، placementId یا PlacementId یا PLACEMENT_ID متغیری برای نگهداری همین شناسه است. متن PASTE_YOUR_PLACEMENT_ID_HERE فقط محل جایگزینی است و شناسه قابل استفاده نیست. آن را با شناسه کامل جایگاه خودتان که با UNT_ شروع می‌شود عوض کنید. یک جایگاه فعال کافی است؛ جایگاه مخصوص پوش و نمایش تبلیغ برای عضوکردن مخاطب لازم نیست. رسانه نیز باید فعال و تأییدشده باشد و پوش آن در پنل فعال شده باشد.

اگر inactive_inventory دیدید، فعال و تأییدبودن رسانه و فعال‌بودن جایگاه همان رسانه را بررسی کنید. کپی‌کردن شناسه از یک حساب یا رسانه دیگر اتصال را درست نمی‌کند.

روش استاندارد — آماده‌سازی

در پروژه native، Firebase App/Messaging و Notifee را نصب و integrations/didnex-fcm.ts را در اپ کپی کنید. قرارداد adapter با نسخه‌های @react-native-firebase/app و messaging برابر 27.1.0 و @notifee/react-native برابر 9.1.8 بررسی می‌شود؛ build و تست دستگاه جدا لازم است. همان client و secure storage تبلیغات را به کار ببرید؛ در مثال platform را با Android/iOS واقعی هماهنگ کنید. Expo Go جای native build نیست؛ تنظیمات Firebase و Pods/APNs لازم است.

فایل icon همراه integrations/android/drawable/didnex_notification_icon.xml را در android/app/src/main/res/drawable قرار دهید. در firebase.json مقدار react-native.messaging_ios_foreground_presentation_options را آرایه خالی بگذارید تا فقط Notifee اعلان foreground را بسازد. در entry اپ، handler پس‌زمینه موجود را با notifee.onBackgroundEvent(event=>fcm.handleBackgroundEvent(event)) ادغام کنید. این handler فقط رسید/مقصد لمس را ذخیره می‌کند و notification+data را دوباره نمایش نمی‌دهد. Notifee نسخه ۷ به بعد رویداد لمس را می‌گیرد؛ استفاده از PRESS و getInitialNotification همین adapter لازم است.

کد اتصال استاندارد

import notifee from '@notifee/react-native';
import {DidnexClient} from 'didnex-react-native-ads';
import {DidnexFcm} from './didnex-fcm';
import * as SecureStore from 'expo-secure-store';
const placementId="PASTE_YOUR_PLACEMENT_ID_HERE";
const storeKey=(key:string)=>'dn_'+key.split('').map(c=>c.charCodeAt(0).toString(16).padStart(4,'0')).join('');
const storage={get:(k:string)=>SecureStore.getItemAsync(storeKey(k)),set:(k:string,v:string)=>SecureStore.setItemAsync(storeKey(k),v),remove:(k:string)=>SecureStore.deleteItemAsync(storeKey(k))};
const client=new DidnexClient({origin:'https://didnex.com',packageName:'com.company.app',platform:'android',storage});
const push=client.createPush(placementId);
export const fcm=new DidnexFcm(push,{origin:client.origin,storage,navigate:async message=>{
 // Navigate to an allowed HTTPS route only after a real notification tap.
},onError:code=>console.warn(code)});
// Entry file: merge into your single existing background handler.
notifee.onBackgroundEvent(event=>fcm.handleBackgroundEvent(event));
// Startup: await fcm.restore(); // Saved consent only, no new permission prompt.
// Consent button: await fcm.enable(true)
// Opt-out button: await fcm.unsubscribe()
// Disposal: fcm.close(); push.dispose();

Manifest و مجوز روش استاندارد

<uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
android/app/src/main/res/drawable/didnex_notification_icon.xml
firebase.json: {"react-native":{"messaging_ios_foreground_presentation_options":[]}}
iOS Push Notifications + APNs + GoogleService-Info.plist; rebuild native app.

تنظیم یک‌باره ناشر

در «پوش ← اتصال رسانه‌ها»، پوش همان رسانه فعال و تأییدشده را روشن کنید. فقط اگر روش استاندارد FCM را انتخاب کرده‌اید، JSON حساب سرویس همان پروژه Firebase را فقط در پنل ثبت کنید؛ کلید خصوصی Service Account نباید داخل اپ، مخزن عمومی یا مرورگر باشد. google-services.json و GoogleService-Info.plist تنظیمات کلاینت اپ هستند و با Service Account فرق دارند. iOS در روش استاندارد به کلید APNs و قابلیت Push Notifications همان bundle نیاز دارد. برای وب، VAPID را دیدنکس ایجاد می‌کند و Service Worker روی دامنه خود ناشر است. سرویس OneSignal وابستگی این اتصال نیست؛ مخاطبان، صف و آمار در دیدنکس مدیریت می‌شوند.

کلاینت تبلیغات و پوش را مشترک نگه دارید. init هیچ اجازه‌ای درخواست نمی‌کند. فعال‌سازی را فقط در پاسخ به دکمه رضایت انجام دهید؛ برای راه‌اندازی بعدی، restore صرفاً رضایت قبلی را بازیابی می‌کند و مجوز تازه نمی‌خواهد. توکن تازه را دوباره ثبت و opt-out را به unsubscribe متصل کنید. close/dispose فقط شنونده محلی را می‌بندد؛ برای لغو عضویت سرور، unsubscribe لازم است. خطاها را کنترل کنید تا اپ به کار عادی ادامه دهد. اگر Firebase یا Service Worker دارید، callbackها را ادغام کنید و سرویس/worker تکراری نسازید.

تأیید ایمیل، مربوط به حساب ناشر در پنل است؛ کاربر نهایی اپ برای دریافت تبلیغ یا پوش، به حساب دیدنکس یا ورود نیاز ندارد. رضایت و مجوز اعلان همچنان الزامی است.

لینک مقصد اعلان

لینک لمس، دکمه و گونه می‌تواند HTTP یا HTTPS هر دامنه باشد؛ محدود به رسانه نیست. لینک اجرایی، فایل، داده و اطلاعات ورود رد می‌شوند. خالی یعنی صفحه اصلی سایت یا صفحه انتشار اپ. این مجوز برای مقصد است؛ اتصال سرویس و رسید فقط HTTPS خود دیدنکس است. Worker روی سایت ناشر نصب می‌شود. پشتیبانی HTTP در دستگاه نیازمند SDK همین انتشار است.

تست دستگاه

۱. بسته جدید همین پلتفرم و adapter آن را در اپ جایگزین کنید؛ آپدیت سرور به‌تنهایی SDK نصب‌شده روی دستگاه را تغییر نمی‌دهد. خروجی Release واقعی بگیرید. مجوز را با دکمه فعال‌سازی دریافت کنید.

۲. در پنل باید اشتراک FCM یا Web Push دیده شود؛ Inbox برای ارسال پنل کافی نیست. اعلان آزمایشی بفرستید. در پیش‌زمینه، پس‌زمینه و شروع سرد با لمس اعلان، نوار اعلان سیستم‌عامل را بررسی کنید؛ صفحه اپ نباید کارت اعلان اضافه کند.

۳. رد مجوز، اینترنت قطع، پیام منقضی و پیام تکراری را بررسی کنید؛ نباید delivered جعلی ساخته شود. بعد از لغو عضویت، ارسال بعدی نباید مخاطب را صف کند. اعلان قبلاً تحویل‌شده به provider ممکن است هنوز در مسیر باشد. receipt حاوی دسترسی خصوصی است و نباید وارد گزارش عمومی شود.

۴. دریافت پذیرفته‌شده توسط FCM به معنی دیده‌شدن نیست. در بعضی اعلان‌های پس‌زمینه، OS بدون اجرای SDK نمایش می‌دهد و delivered قابل گزارش نیست؛ آن را از accepted حدس نزنید. روی Android بدون Google Play Services یا بدون دسترسی شبکه به FCM، این مسیر ممکن است آماده نباشد. محدودیت سیستم‌عامل را با پیام داخل اپ جایگزین نکنید.

انتخاب مسیر و محدودیت مستقیم

برای فعال‌سازی روش مستقیم، روشن‌بودن پوش رسانه کافی است؛ Service Account، google-services.json و VAPID لازم نیست. هنگام ارسال پنل، همه مسیرهای اعلان به‌صورت پیش‌فرض مخاطب هستند؛ در تنظیمات بیشتر می‌توانید فقط «مستقیم» یا فقط «استاندارد» را انتخاب کنید. یک نصب هم‌زمان یک مسیر فعال دارد؛ تغییر روش، اشتراک روش قبلی را لغو می‌کند. controller/adapter قبلی را قبل از انتخاب تازه close کنید و فقط controller انتخاب‌شده را restore کنید. برای انصراف مخاطب از همه اعلان‌های این نصب unsubscribe را به کار ببرید.

در Android بومی، B4A، Flutter Android، Unity Android و Godot Android دریافت دوره‌ای JobScheduler با حداقل ۱۵ دقیقه ممکن است. این زمان‌بندی دقیق نیست و سیستم می‌تواند آن را عقب بیندازد. در iOS، React Native و وب دریافت مستقیم فقط زمان فعالیت اپ/صفحه است؛ برای دریافت از راه دور هنگام بسته‌بودن، مسیر استاندارد را انتخاب کنید. nativeBuild=not_run را به معنی تست دستگاه نگیرید.

API قدیمی

Inbox صرفاً برای سازگاری و ارسال صریح deliveryChannel=inbox باقی مانده و مسیر پنل نیست. برچسب‌ها، بخش مخاطب، quiet hours و هویت امضاشده در همان کنترلر قابل استفاده‌اند. اتصال عادی به سرور اختصاصی ناشر نیاز ندارد؛ اگر هویت امضاشده کاربر خودتان را می‌خواهید، فقط تولید همان proof به سرور امن خودتان نیاز دارد.

رفتار اعلان استاندارد

پیام notification+data در پس‌زمینه توسط provider به سیستم‌عامل می‌رسد؛ آن را دوباره نمایش ندهید. در پیش‌زمینه، adapter این بسته اعلان بومی می‌سازد. accepted پذیرش سرویس است؛ delivered ثبت اعلان در سیستم‌عامل از دید SDK و opened لمس واقعی است. حالت مزاحم نشوید، محدودیت باتری یا Force Stop ممکن است نمایش را محدود کند.

مرجع رسمی

https://rnfirebase.io/messaging/usage https://notifee.app/react-native/docs/events/

اتصال مستقیم بدون Firebase

فقط @notifee/react-native را با native build و Pods نصب کنید و integrations/didnex-direct.ts را به اپ کپی کنید. Firebase به این adapter وارد نمی‌شود. همان SecureStorage تبلیغات را به کار ببرید؛ مثال کامل Expo SecureStore در راهنمای روش استاندارد همین صفحه آمده است. icon همراه را در res/drawable اپ کپی کنید. برای iOS مقدار platform را ios قرار دهید. این adapter در Android و iOS فقط هنگام فعال‌بودن اپ پیام جدید می‌گیرد؛ JobScheduler بومی Android در پکیج خالص TypeScript به‌صورت خودکار در دسترس نیست.

import {DidnexClient} from 'didnex-react-native-ads';
import {DidnexDirect} from './didnex-direct';
import * as SecureStore from 'expo-secure-store';
const storeKey=(key:string)=>'dn_'+key.split('').map(c=>c.charCodeAt(0).toString(16).padStart(4,'0')).join('');
const storage={get:(k:string)=>SecureStore.getItemAsync(storeKey(k)),set:(k:string,v:string)=>SecureStore.setItemAsync(storeKey(k),v),remove:(k:string)=>SecureStore.deleteItemAsync(storeKey(k))};
const client=new DidnexClient({origin:'https://didnex.com',packageName:'com.company.app',platform:'android',storage});
const push=client.createPush("PASTE_YOUR_PLACEMENT_ID_HERE");
const direct=new DidnexDirect(push,{origin:client.origin,storage,navigate:async message=>{ /* Allowlisted route only. */ },onError:code=>console.warn(code)});
// Startup: await direct.restore(); // Saved consent only, no new prompt.
// Consent button: await direct.enable(true)
// Opt-out button: await direct.unsubscribe()
// Disposal: direct.close(); push.dispose(); client.close();

Manifest مستقیم

<uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
android/app/src/main/res/drawable/didnex_notification_icon.xml
iOS: Notifee Pods + UserNotifications permission.

محدودیت دریافت مستقیم

React Native در این adapter مستقیم، دریافت foreground دارد؛ وقتی اپ بسته یا معلق است درخواست شبکه نمی‌فرستد. برای پوش از راه دور هنگام بسته‌بودن اپ، adapter استاندارد FCM/APNs را انتخاب کنید.