React Native ਵਿੱਚ push notifications ਕਿਵੇਂ ਕਾਮ ਕਰਦੀਆਂ ਹਨ?

Question

Accepted Answer

**Push notifications** ਐਪਾਂ ਨੂੰ ਯੂਜ਼ਰਾਂ ਨੂੰ ਸੂਚਿਤ ਕਰਨ ਦਿੰਦਾ ਹੈ ਭਾਵੇਂ ਐਪ ਖੁੱਲੀ ਨਾ ਹੋਵੇ — ਸੁਨੇਹਾ, ਅਪਡੇਟ, ਅਤੇ ਐਨਗੇਜਮੈਂਟ ਲਈ। React Native ਵਿੱਚ, ਇਹਨਾਂ ਵਿੱਚ platform services (iOS ਲਈ APNs, Android ਲਈ FCM), permissions, device tokens, ਅਤੇ notification events ਨੂੰ ਸਵੈਚਲਿਤ ਕਰਨਾ ਸ਼ਾਮਿਲ ਹੈ।

## Push notifications ਕਿਵੇਂ ਕਾਮ ਕਰਦੀਆਂ ਹਨ (ਪ੍ਰਵਾਹ)

```text
1. The app requests notification PERMISSION from the user (especially iOS — opt-in)
2. The device registers and gets a unique push TOKEN (identifies this device/app install)
3. The app sends the token to YOUR SERVER (stores it to target this device)
4. Your server sends a notification → via the platform service:
   APNs (Apple Push Notification service) for iOS, FCM (Firebase Cloud Messaging) for Android
5. The platform delivers it to the device → the app shows/handles it
→ Notifications work even when the app is closed (the OS handles delivery).
```

## React Native ਵਿੱਚ ਲਾਗੂ ਕਰਨਾ

```text
→ LIBRARIES handle the complexity:
  - Expo Notifications (managed, simpler) — for Expo apps
  - @react-native-firebase/messaging (FCM) — common for bare/cross-platform
  - Notifee — rich local/displayed notifications
→ Request permission, get the token, send it to your backend, handle received notifications
```

## Notifications ਨੂੰ ਸਵੈਚਲਿਤ ਕਰਨਾ

```text
✓ FOREGROUND — app open: handle the notification in-app (show a banner, update data)
✓ BACKGROUND / closed — the OS shows it; tapping it OPENS the app (often to a specific
  screen — DEEP LINKING from the notification)
✓ Types: REMOTE (from a server, push) vs LOCAL (scheduled by the app itself)
✓ Handle the token lifecycle (refresh), permissions, and notification taps (navigation)
```

## ਇਹ ਮਾਇਨੇ ਕਿਉਂ ਰੱਖਦਾ ਹੈ

Push notifications ਕਿਵੇਂ ਕਾਮ ਕਰਦਾ ਹੈ ਇਹ ਸਮਝਣਾ ਕੀਮਤੀ ਹੈ ਕਿਉਂਕਿ **notifications ਇੱਕ ਆਮ, ਮਹੱਤਵਪੂਰਨ ਫੀਚਰ ਹੈ** ਯੂਜ਼ਰ ਐਨਗੇਜਮੈਂਟ ਅਤੇ ਸੰਚਾਰ ਲਈ, ਇਸਲਈ ਇਹ ਐਸ ਐਪਸ ਲਈ ਮਫੀਦ ਵਿਹਾਰਕ ਗਿਆਨ ਹੈ ਜਿਨ੍ਹਾਂ ਨੂੰ ਇਨ੍ਹਾਂ ਦੀ ਜ਼ਰੂਰਤ ਹੈ।

Push notifications (ਯੂਜ਼ਰਾਂ ਨੂੰ ਸੂਚਿਤ ਕਰਨਾ ਭਾਵੇਂ ਐਪ ਖੁੱਲੀ ਨਾ ਹੋਵੇ — ਸੁਨੇਹਾ, ਅਪਡੇਟ, ਯਾਦਾਂ, ਅਤੇ ਐਨਗੇਜਮੈਂਟ ਲਈ) ਇੱਕ ਵਿਆਪਕ ਜ਼ਰੂਰਤ ਵਾਲਾ ਫੀਚਰ ਹੈ, ਅਤੇ React Native ਵਿੱਚ ਇਹਨਾਂ ਦੀ ਕਾਰਜ ਪ੍ਰਣਾਲੀ ਨੂੰ ਸਮਝਣਾ ਕੀਮਤੀ ਹੈ।

**ਪ੍ਰਵਾਹ** ਨੂੰ ਸਮਝਣਾ — **permission** ਮੰਗਣਾ (ਖ਼ਾਸ ਤੌਰ ਤੇ iOS opt-in), ਇੱਕ ਯੂਨੀਕ **device token** ਪ੍ਰਾਪਤ ਕਰਨਾ, ਇਸ ਨੂੰ **ਆਪਣੇ ਸਰਵਰ** ਤੱਕ ਭੇਜਣਾ (ਡਿਵਾਈਸ ਨੂੰ ਟਾਰਗੇਟ ਕਰਨ ਲਈ), ਅਤੇ ਸਰਵਰ ਨੂੰ **platform services ਦੁਆਰਾ** notifications ਭੇਜਣਾ (iOS ਲਈ APNs, Android ਲਈ FCM) ਜੋ ਡਿਵਾਈਸ ਤੱਕ ਪਹੁੰਚਦਾ ਹੈ ਇੱਥੋ ਦੀ ਐਪ ਬੁਤ ਹੋਵੇ — ਆਰਕੀਟੈਕਚਰ ਨੂੰ ਸਪੱਸ਼ਟ ਕਰਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ ਤੁਹਾਡੀ ਐਪ, ਤੁਹਾਡਾ ਬੈਕ-ਐਂਡ, ਅਤੇ platform push services ਇਕੱਠੇ ਕਾਮ ਕਰਦੇ ਹਨ।

**Libraries ਜਟਿਲਤਾ ਨੂੰ ਸੰਭਾਲਦੀਆਂ ਹਨ** ਇਹ ਸਮਝਣਾ (Expo Notifications managed apps ਲਈ, React Native Firebase FCM ਲਈ, Notifee rich notifications ਲਈ) ਵਿਹਾਰਕ ਅਸਲੀਅਤ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਤੁਸੀਂ libraries ਵਰਤਦੇ ਹੋ ਕੌੜੀ-ਪੱਧਰ ਦੀਆਂ ਵੇਰਵਿਆਂ ਨੂੰ ਲਾਗੂ ਕਰਨ ਦੀ ਬਜਾਏ।

**Notifications ਨੂੰ ਸਵੈਚਲਿਤ ਕਰਨਾ** ਸਮਝਣਾ — foreground (ਐਪ ਖੁੱਲੀ, in-app ਵਿੱਚ ਸੰਭਾਲਣਾ), background/closed (OS ਇਸ ਨੂੰ ਦਿਖਾਉਂਦਾ ਹੈ, ਟੈਪ ਕਰਨ ਨਾਲ ਐਪ ਖੁਲਦੀ ਹੈ, ਅਕਸਰ **deep linking** ਇੱਕ ਖ਼ਾਸ ਸਕ੍ਰੀਨ ਲਈ), ਅਤੇ remote vs local notifications, ਨਾਲ ਹੀ token lifecycle ਅਤੇ notification taps (navigation) ਨੂੰ ਸਵੈਚਲਿਤ ਕਰਨਾ — notifications ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਲਾਗੂ ਕਰਨ ਲਈ ਜ਼ਰੂਰੀ ਹੈ।

Notifications ਐਨਗੇਜਮੈਂਟ ਅਤੇ ਸੰਚਾਰ ਲਈ ਮਹੱਤਵਪੂਰਨ ਹਨ (ਇੱਕ ਆਮ ਉਤਪਾਦ ਸੀ), ਅਤੇ ਉਨ੍ਹਾਂ ਨੂੰ ਲਾਗੂ ਕਰਨਾ platform-specific services ਅਤੇ ਕਈ ਚਲਦੇ ਹਿੱਸਿਆਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ।

ਕਿਉਂਕਿ push notifications ਐਨਗੇਜਮੈਂਟ ਅਤੇ ਸੰਚਾਰ ਲਈ ਇੱਕ ਆਮ, ਕੀਮਤੀ ਫੀਚਰ ਹੈ, ਅਤੇ ਕਿਉਂਕਿ ਪ੍ਰਵਾਹ (permissions, tokens, platform services), libraries, ਅਤੇ notifications ਨੂੰ ਸਵੈਚਲਿਤ ਕਰਨਾ (foreground/background, deep linking) ਨੂੰ ਸਮਝਣਾ ਉਨ੍ਹਾਂ ਨੂੰ ਲਾਗੂ ਕਰਨ ਲਈ ਜ਼ਰੂਰੀ ਹੈ, React Native ਵਿੱਚ push notifications ਨੂੰ ਸਮਝਣਾ ਕੀਮਤੀ, ਅਮਲੀ-ਕੇਂਦ੍ਰਤ ਗਿਆਨ ਹੈ — ਯੂਜ਼ਰਾਂ ਨੂੰ ਸੂਚਿਤ ਅਤੇ ਐਨਗੇਜ ਕਰਨ ਦੀ ਆਮ ਲੋੜ ਲਈ ਮਹੱਤਵਪੂਰਨ, platform-specific services ਅਤੇ ਬਹੁ-ਭਾਗ ਪ੍ਰਵਾਹ ਨੂੰ ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ ਜੋ ਸਮਝਣਾ ਸਪੱਸ਼ਟ ਕਰਦਾ ਹੈ, ਬਹੁਤ ਅਸਲ ਐਪਸ ਲਈ ਇੱਕ ਮਫੀਦ ਸਮਰੱਥਾ।