Veröffentlicht von: Tom Scharlock Category: Video Wissen Tags: , , , , , , , , , , , Kommentare 24

Erfahren Sie, wie Sie Ihrer Angular-App (Angular 2+) einen Servicemitarbeiter hinzufügen, um sie offline verfügbar zu machen. Die richtige Konfiguration von Service-Mitarbeitern kann schwierig sein, aber mit dem offiziellen Angular-Service-Worker-Paket wird es tatsächlich ein Kinderspiel. ———- Code & weitere Links finden Sie unter: Offizielle Dokumente: Möchten Sie etwas ganz anderes lernen? Schau dir alle anderen Kurse an: ———- • Du kannst Max auf Twitter folgen (@maxedapps). • Und natürlich sollten Sie auch @academind_real folgen. • Sie finden uns auch auf Facebook.( • Oder besuchen Sie unsere Website ( und abonnieren Sie unseren Newsletter! Wir sehen uns in den Videos! ———- Academind ist Ihre Quelle für Online-Bildung in den Bereichen Web Entwicklung, Frontend-Webentwicklung, Backend-Webentwicklung, Programmierung, Coding und Data Science!Egal ob Sie ein Tutorial, einen Kurs, einen Crashkurs, eine Einführung, ein Online-Tutorial oder ein ähnliches Video suchen, wir geben unser Bestes, um bieten Ihnen die Inhalte, die Sie suchen.Unsere Themen sind Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic , React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase oder andere Themen, werfen Sie einen Blick auf diesen Kanal oder auf, um die Lernressource Ihrer Wahl zu finden! .

Kommentare (24)

  • Muhammad bin Yusrat Antworten

    After watching this video, before I knew it, my webapp was already offline-compatible. Now I have killed the server and the app is working perfectly.. .. and I kinda don't know how to get rid of it hahah

    1. Februar 2020 um 14:11
  • Golap Hazarika Antworten

    I use SSR in my angular 8 projects. If I use the service worker what improvement I can expect?
    You just visit my website ( ) and please recommend me how I improve more.
    I learn Angular, Laravel from you only. Thanks 🙂 You are the Best.

    20. Februar 2020 um 7:12
  • Alan Saberi Antworten

    You are awesome! I was looking for this, and it improved my google performance rate.

    21. Februar 2020 um 20:04
  • Nanda Kumar Antworten

    This was really good. I understood very well.

    But i was also expecting when we say Service worker, Background Sync should also be a part of service worker. I am sorry iam wrong in asking that. Or do you have seprate link for that Background Sync in angular?

    30. März 2020 um 9:27
  • Sumit Sutar Antworten

    Video was good but when i tried to integrate service worker with MVC applicaton thn it didn't work.

    As per my investigation it doesn't have configuration for deploy url.

    Let me know, if u work with angular mvc project.

    1. April 2020 um 11:06
  • Daniel Cunningham Antworten

    Hi Max:
    Love your videos (and I'm a dedicated Academind customer over on Udemy)…

    There's big confusion at the 10m 55s mark, where you say:  "If I now tick offline again, it still  reloads, right?"

    But — it's clearly not reloading.  Did I miss something?  It's really NOT reloading, right?

    Was this just an re-shoot/edit problem?

    1. April 2020 um 23:29
  • Roman Popovitsch Antworten

    where can i read about navigationUrls?

    13. April 2020 um 21:21
  • Vaibhav Phutane Antworten

    You cover too many concepts in a few minutes. Awesome job. You are a true front end genius
    Can you please add push notification implementation in this video

    26. April 2020 um 21:00
  • Ruslan Pascoal Antworten

    Thank's again Max

    30. April 2020 um 3:02
  • Lucas Linares Antworten

    Please make a course on PWA with angular. A fully fledge angular application with off-line support, push notifications, data sync and other mobile capabilities. The one you created earlier not only is a little bit outdated but it is also in plain JavaScript. 😑

    9. Mai 2020 um 0:59
  • Abhilash Deshmukh Antworten

    Thanks a lot
    Very very helpful 😊

    21. Mai 2020 um 5:34
  • Amit Rathore Antworten

    Great explanation thank you.

    29. Mai 2020 um 12:55
  • Niteesh Yarra Antworten

    Keep up the good work man!!

    27. Juni 2020 um 21:06
  • shan mayilvasan Antworten

    If he is the tutor, i am learning this course. Big Fan of Max

    29. Juni 2020 um 20:01
  • Anjana Rathnasinghe Antworten

    Hey Max, can you make a video for http calls inside angular web worker?

    23. Juli 2020 um 11:06
  • Paul Benedict Jabines Antworten

    So if there is any changes in the files that are being served, the service worker will automatically update the version of the application and serve the new files. But does it need to be built again? (ng build?)

    8. Oktober 2020 um 4:37
  • bismiksm Antworten

    Thank you Max! You contributed to save my life! Again!

    19. November 2020 um 1:40
  • Narendra Patil Antworten

    Very useful Max… Thanks…

    6. Dezember 2020 um 10:12
  • rajbusybee Antworten

    how can we cache CDN files using serviceworker

    17. Dezember 2020 um 8:27
  • AM Antworten

    I have to work on a new project soon, and I realized that the users will have connectivity issues while using it, as it's supposed to be used on the road.
    An approach similar to this will allow me to sync that content when switching from online to offline and viceversa.
    Thanks a bunch Max, you are a great instructor!

    28. Dezember 2020 um 14:02
  • Pratik Agarwal Antworten

    Tons of thanks <3

    13. Januar 2021 um 8:08
  • Anindya Antworten

    I'm using angular 11, and followed the steps you mentioned here. But still service worker not running in production build. Could you please help me

    30. Januar 2021 um 20:39
  • sireesha kuna Antworten

    You are always great

    6. Februar 2021 um 4:36
  • _ Akunin Antworten

    thx bro, was halpfull <3

    28. April 2021 um 20:11

Schreibe einen Kommentar

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