Cum să implementați notificările push în React folosind Firebase

Cum să implementați notificările push în React folosind Firebase
Cititorii ca tine ajută la sprijinirea MUO. Când efectuați o achiziție folosind link-uri de pe site-ul nostru, este posibil să câștigăm un comision de afiliat. Citeşte mai mult.

Notificările push permit aplicațiilor să trimită actualizări în timp util, alerte sau mesaje personalizate direct către dispozitivele utilizatorilor, indiferent de utilizarea activă a aplicației. Aceste notificări asigură implicarea continuă a utilizatorului și conectivitate instantanee.





În cazul aplicațiilor web, browserul captează inițial aceste notificări și ulterior le transmite către aplicația corespunzătoare.



REALIZAREA VIDEOCLIPULUI ZILEI Derulați PENTRU A CONTINUA CU CONȚINUT

Configurați un proiect Firebase

Urmați pașii de mai jos pentru a începe și a configura un proiect Firebase:





de ce aplicația mea pe YouTube nu funcționează
  1. Du-te la Consola pentru dezvoltatori Firebase , conectați-vă folosind adresa dvs. de e-mail Google și faceți clic pe Accesați Consolă butonul pentru a naviga la pagina de prezentare generală a consolei.
  2. Pe pagina de prezentare generală a consolei, faceți clic pe Creați un proiect butonul pentru a crea un nou proiect. Apoi furnizați numele proiectului.
  3. Odată ce proiectul este creat cu succes, navigați la pagina de prezentare generală a proiectului. Trebuie să înregistrați o aplicație pe Firebase pentru a genera chei API. Pentru a înregistra o aplicație, faceți clic pe Web pictograma, furnizați numele aplicației și faceți clic pe Înregistrați aplicația buton.
  4. Copiați codul de configurare Firebase după ce vă înregistrați aplicația React.

Configurați serviciul Firebase Cloud Messaging (FCM).

Odată ce v-ați înregistrat aplicația pe Firebase, următorul pas este să configurați serviciul Firebase Cloud Messaging (FCM).

  1. Navigați la Setările proiectului pagină.
  2. Apoi, faceți clic pe Mesaje în cloud fila de pe Setările proiectului pagină. Firebase Cloud Messaging folosește perechi de chei Application Identity pentru a se conecta la servicii push externe. Din acest motiv, trebuie să generați cheia de identitate unică.
  3. Pe Mesaje în cloud setări, navigați la Configurare web secțiunea și faceți clic pe Generați perechea de chei butonul pentru a genera cheia dvs. unică.

Configurați aplicația React

Primul, creați o aplicație React . Odată instalat, mergeți mai departe și instalați baza de foc și reaction-hot-toast pachete pe care le veți folosi pentru a implementa notificări push în aplicația React.



 npm install firebase react-hot-toast