Jak implementovat Push Notifications v React pomocí Firebase

Jak implementovat Push Notifications v React pomocí Firebase
Čtenáři jako vy pomáhají podporovat MUO. Když provedete nákup pomocí odkazů na našich stránkách, můžeme získat provizi přidružené společnosti. Přečtěte si více.

Push notifikace umožňují aplikacím posílat včasné aktualizace, upozornění nebo personalizované zprávy přímo do zařízení uživatelů, bez ohledu na jejich aktivní používání aplikace. Tato upozornění zajišťují nepřetržité zapojení uživatelů a okamžité připojení.





Tlačítka ovladače xbox one nefungují

V případě webových aplikací prohlížeč nejprve zachytí tato upozornění a následně je předá příslušné aplikaci.



VYUŽÍVÁNÍ VIDEA DNE POKRAČOVÁNÍ V OBSAHU POKRAČUJTE PŘEJÍMÁNÍM

Nastavte projekt Firebase

Chcete-li začít a nastavit projekt Firebase, postupujte takto:





disk správce úloh systému Windows 10 100%
  1. Zamiřte k Firebase Developer Console , přihlaste se pomocí své e-mailové adresy Google a klikněte na Přejděte do konzoly tlačítko pro přechod na stránku přehledu konzoly.
  2. Na stránce přehledu konzoly klikněte na Vytvořte projekt tlačítko pro vytvoření nového projektu. Poté zadejte název projektu.
  3. Jakmile je projekt úspěšně vytvořen, přejděte na stránku s přehledem projektu. Chcete-li generovat klíče API, musíte aplikaci zaregistrovat na Firebase. Chcete-li zaregistrovat aplikaci, klikněte na Web ikonu, zadejte název aplikace a klikněte na Registrovat aplikaci knoflík.
  4. Po registraci aplikace React zkopírujte konfigurační kód Firebase.

Nakonfigurujte službu Firebase Cloud Messaging (FCM).

Jakmile svou aplikaci zaregistrujete na Firebase, dalším krokem je konfigurace služby Firebase Cloud Messaging (FCM).

  1. Přejděte na Nastavení projektu strana.
  2. Dále klikněte na Cloud Messaging kartu na Nastavení projektu strana. Firebase Cloud Messaging používá páry klíčů Application Identity pro připojení k externím službám push. Z tohoto důvodu si musíte vygenerovat svůj jedinečný klíč identity.
  3. Na Cloud Messaging nastavení, přejděte na Webová konfigurace a klikněte na Vygenerujte pár klíčů tlačítko pro vygenerování vašeho jedinečného klíče.

Nastavte aplikaci React

První, vytvořit aplikaci React . Po instalaci pokračujte a nainstalujte firebase a reagovat-horký-toast balíčky, které použijete k implementaci push notifikací v aplikaci React.



 npm install firebase react-hot-toast