PWA-Push-Benachrichtigungen Teil 4: Benachrichtigungen an Android, Windows, Linux und MacOS senden

Begleiten Sie mich beim Integrieren von Push-Benachrichtigungen – eines der vielen Dinge, die ich tun muss, um meine PWA zu erstellen. ## Teil 4 ### Plan 1. `JSON.stringify` die Daten aus dem Push-Abonnement-Ergebnis (die Daten aus dem Promise) 2. füge die Eigenschaften `auth` und `p256dh` hinzu zu: * Validierungsschema (Joi) * Route (hapi-Handler) * API-Aufruf (Front-Core-Ajax-Aufruf) 3. Überprüfen Sie, ob neue Eigenschaften gespeichert wurden 4. Testen Sie das Senden einer Nachricht an den Endpunkt * Erstellen Sie den Endpunkt `push-notify` mit `message` param * curl it! ### Zeitstempel 1:16 Parsen des `Versprechens` aus der Abonnementbenachrichtigungsanforderung 2:42 Aktualisieren des `joi` Validierungsschemas für `PushSubscription` 4:50 Implementieren `save` für `PushSubscription` (nur für diese Demonstration) 5:36 Route zum Auslösen einer Abonnementbenachrichtigung implementieren 6:15 Die Validierungsreferenz wurde vergessen von `PushSubscriptionEndpoint` in `PushSubscription` zu ändern 7:50 Tippfehler: `require` sollte `required` sein 9:28 ein weiterer Validierungsreferenzfehler, diesmal ist der Endpunkt die Eingabe von der Abonnementanfrage ablehnen 11:02 Validierungsfehler beheben 22:02 `toString` die Nutzlast vor dem `Speichern` 31:27 die Daten für meine `post`-Anfrage neu strukturieren, damit sie dem Validierungsschema entsprechen 41:00 mystifiziert warum mein Browser empfängt keine Push-Benachrichtigung, obwohl ich eine `201`-Antwort erhalte node.js@12.16.1 „dependencies“: „bootstrap“: „^4.5.3“, „react“: „^16.13.1 „, „react-bootstrap“: „^1.3.0“, „react-dom“: „^16.13.1“, „react-hook-form“: „^6.9.2“, „react-redux“: “ ^7.2.2″, „rea ct-router-dom“: „^5.2.0“, „redux“: „^4.0.5“, „redux-thunk“: „^2.3.0“, „workbox-precaching“: „^5.1.4“ , „workbox-routing“: „^5.1.4“, „workbox-strategies“: „^5.1.4“ „devDependencies“: „@babel/core“: „^7.0.0-0“, „@babel/ plugin-transform-runtime“: „^7.12.1“, „@babel/preset-env“: „^7.12.1“, „@babel/preset-typescript“: „^7.12.1“, „@babel/ runtime“: „^7.12.1“, „autoprefixer“: „^10.0.1“, „parcel“: „^1.12.4“, „postcss“: „^8.1.4“, „sass“: „^1.27 .0“, „shelljs“: „^0.8.4“, „typescript“: „^4.0.3“, „upath“: „^2.0.0“ .

Video Statistik:

40x angesehen // Bewertung: 5.00// Likes: 1 // Dislikes: 0
Standardbild
Tom Scharlock
PWA.ist ein PWA App Store, ein Blog, eine Video Wissensseite und die Agenturpräsenz der _PRGRSV _WEB /nd APP Agentur _Arnstadt. Tragen Sie noch heute Ihre LIEBLINGS PWA ein, kontaktieren Sie uns: /Kontakt/ oder beteiligen Sie sich einfach an der Diskussion. Meine Biografie
Artikel: 137

Schreibe einen Kommentar

ajax-loader