In diesem erweiterten Angular-Pwa-Tutorial mit Angular 7-Videoserien werde ich einige fortgeschrittene Themen mit Service Worker diskutieren, die auch für das mobile Web gelten. Die progressive Web-App bietet nicht nur enorme Leistungsvorteile, sondern auch einige Funktionsvorteile wie Offline-Funktionen. In dieser ersten Folge werde ich hauptsächlich zeigen, wie Sie Ihre vorhandene Angular 6- oder Angular 7-Anwendung als PWA-App einrichten und dann die Ressource, die zwischengespeichert werden soll, mithilfe der ngsw-Konfigurationsdatei konfigurieren. Dann werde ich zuerst die Cache-Strategie verwenden, um auch die API-Daten zwischenzuspeichern. Wir werden dieselbe Anwendung verwenden, die wir letzte Woche entwickelt haben, eine Wetter-App mit eckigen Elementen. Wenn Sie dieses Video nicht überprüft haben, ist der Link oben oder in meinem Kanal verfügbar. Im nächsten Video werde ich tiefer in die Strategie Network First und Cache Last und Push-Benachrichtigungen eintauchen. Der Quellcode ist hier verfügbar: (PWA-1-Zweig).

Kommentare (13)

  • BlackBox Tech Antworten

    Thanks everyone for watching the video. Please feel free to post your comment, suggestion and recommendation for future video subject you would like me to add. Thanks for your support again

    4. Februar 2019 um 2:34
  • Hovhannes Nersisyan Antworten

    That's awesome! Thanks a lot for this tutorial

    7. März 2019 um 14:09
  • Random Videos Antworten

    Offline mode shows 504 error when deployed to server

    19. März 2019 um 10:55
  • Esteban Vera Antworten

    hi bro, what differents in manifest.json => manifest.webmanifest ?

    18. April 2019 um 6:26
  • Vijay Kumar Antworten

    Nice video !!!, keep up the good work! This is well explained excellent tutorial. In very short time you covered a lot.

    11. Mai 2019 um 6:27
  • Rakesh Nayak Antworten

    app runs fine in localhost:4200. I run the command ng build –prod then cd into dist, then cd into built app and run the http-server -o command, it opened the 127.0.0.1:8082. Its showing blank screen. and this message "This page isn’t working, 127.0.0.1 sent an invalid response. Invalid redirect". how to fix?

    27. Mai 2019 um 8:00
  • Monika Sharma Antworten

    Hi BlackBox Tech, I have used your code and added node modules by npm install and pwa by ng add @angular/pwa. Created the build for it and tried to run on server http://127.0.0.1:8080/. But API is not working offline. Could you please help me.

    28. Juni 2019 um 15:29
  • Shiwani Goswami Antworten

    service worker is not getting registered.Its not showing up under application tab,Please help

    11. November 2019 um 6:11
  • Hemang Thanki Antworten

    Did anyone suggest you to start your own educational website? Man, you are the best ! Hats off !

    10. Dezember 2019 um 3:55
  • Zuhair Naqi Antworten

    ng add @angular/pwa not generates @angular/service-worker automatically.
    What would i do now?

    3. Februar 2020 um 11:10
  • Kishan Kankhara Antworten

    Hello! My Angular app has multiple Components and pages. So is there a way to add update function globally? BTW Awesome video man keep up the good work 👍

    16. April 2020 um 8:15
  • manoj radharapu Antworten

    What is your httprequest post or get ? Weather apis?

    13. August 2020 um 19:58
  • Jacques AGNUI Antworten

    Merci beaucoup

    25. September 2020 um 15:23

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

ajax-loader