{"id":555,"date":"2020-09-09T08:15:00","date_gmt":"2020-09-09T08:15:00","guid":{"rendered":"https:\/\/2020.innosystec.de\/?p=555"},"modified":"2020-12-17T08:21:51","modified_gmt":"2020-12-17T08:21:51","slug":"einfuehrung-in-die-welt-der-progressive-web-apps-pwa","status":"publish","type":"post","link":"https:\/\/www.innosystec.de\/de\/blog\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\/","title":{"rendered":"Einf\u00fchrung in die Welt der Progressive Web Apps"},"content":{"rendered":"\n<p>Wusstest du, dass Spotify, Twitter, Instagram, Pinterest und Telegram PWAs sind? Vielleicht hast du diesen Begriff des \u00d6fteren geh\u00f6rt, aber in der Praxis keinen richtigen Bezug dazu gefunden? Progressive Web Apps (PWA) sind Apps, die aus Webkomponenten wie \u201eHTML\u201c, \u201eCSS\u201c und \u201eJavaScript\u201c bestehen. Bei der Entwicklung einer PWA entsteht also automatisch auch eine Webseite. Jedes Smartphone kann unabh\u00e4ngig von Hersteller oder Betriebssystem, \u00fcber einen Browser auf eine Webseite und somit auf eine PWA zugreifen. Native Apps hingegen, werden mit Programmiersprachen wie \u201eJava\u201c, \u201eKotlin\u201c oder \u201eSwift\u201c entwickelt. Eine Website entsteht hierbei nicht automatisch, sondern kann auf Wunsch gesondert programmiert werden. Das kostet Zeit und Geld.<\/p>\n\n\n\n<p><strong>Was macht eine Progressive Web App zu einer App?<\/strong><\/p>\n\n\n\n<p>Nachdem die PWA auf dem Smartphone installiert wurde, erscheint \u2013 wie bei einer nativen App auch \u2013 das dazugeh\u00f6rige Icon auf dem Home Screen. Es handelt sich hierbei um eine Verlinkung zu der jeweiligen Website, ein digitales Lesezeichen also, das auch auf dem Computer funktioniert. Au\u00dferdem k\u00f6nnen eine Vielzahl von App Funktionalit\u00e4ten wie Offlinenutzung, Kamera, GPS und das Verschicken von Benachrichtigungen in PWAs integriert werden.&nbsp;<\/p>\n\n\n\n<p>Welche Funktionalit\u00e4ten von welchem Browser unterst\u00fctzt werden siehst du hier: https:\/\/whatwebcando.today&nbsp;<\/p>\n\n\n\n<p><strong>Die Entwicklung einer PWA<\/strong><\/p>\n\n\n\n<p>Wie bereits erw\u00e4hnt, wird eine PWA mit Programmiersprachen der Webentwicklung erstellt. Das Herz einer PWA ist der \u201eServiceWorker\u201c. Er ist ein JavaScript-file und liegt zwischen dem Browser, dem Cache und dem Server. Er regelt die Speicherung der wichtigsten Komponenten und Funktionalit\u00e4ten der App im Cache des Browsers sowie die Datenverwaltung und die Datenbankanwendung.&nbsp;<\/p>\n\n\n\n<p>Die Vorteile einer Progressive Web App auf einen Blick<\/p>\n\n\n\n<p>&#8211;&nbsp;&nbsp; &nbsp;Eine PWA verbraucht deutlich weniger Speicher als native Apps.&nbsp;<br>&#8211;&nbsp;&nbsp; &nbsp;Durch die Betriebssystemunabh\u00e4ngigkeit ist diese auf jedem Ger\u00e4t anwendbar.<br>&#8211;&nbsp;&nbsp; &nbsp;Bei der Entwicklung wird ein doppelter Entwicklungsprozess gespart.<br>&#8211;&nbsp;&nbsp; &nbsp;Durch den Browser ist eine einfache Installierung m\u00f6glich, da kein Play Store oder Apple Store ben\u00f6tigt wird.<br><\/p>\n\n\n\n<p>Have fun. Enjoy coding.<br>Your INNO-coding team.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wusstest du, dass Spotify, Twitter, Instagram, Pinterest und Telegram PWAs sind? Vielleicht hast du diesen Begriff des \u00d6fteren geh\u00f6rt, aber in der Praxis keinen richtigen Bezug dazu gefunden? Progressive Web [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-555","post","type-post","status-publish","format-standard","hentry","category-unkategorisiert"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Einf\u00fchrung in die Welt der Progressive Web Apps &#8211; INNOSYSTEC GmbH<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.innosystec.de\/de\/blog\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Einf\u00fchrung in die Welt der Progressive Web Apps &#8211; INNOSYSTEC GmbH\" \/>\n<meta property=\"og:description\" content=\"Wusstest du, dass Spotify, Twitter, Instagram, Pinterest und Telegram PWAs sind? Vielleicht hast du diesen Begriff des \u00d6fteren geh\u00f6rt, aber in der Praxis keinen richtigen Bezug dazu gefunden? Progressive Web [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.innosystec.de\/de\/blog\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\/\" \/>\n<meta property=\"og:site_name\" content=\"INNOSYSTEC GmbH\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/INNOSYSTECGmbH\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-09T08:15:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-17T08:21:51+00:00\" \/>\n<meta name=\"author\" content=\"w3\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"w3\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.innosystec.de\\\/de\\\/blog\\\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.innosystec.de\\\/de\\\/blog\\\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\\\/\"},\"author\":{\"name\":\"w3\",\"@id\":\"https:\\\/\\\/innosystec.de\\\/#\\\/schema\\\/person\\\/ec4a25292c357bcb3202696c6976cae1\"},\"headline\":\"Einf\u00fchrung in die Welt der Progressive Web Apps\",\"datePublished\":\"2020-09-09T08:15:00+00:00\",\"dateModified\":\"2020-12-17T08:21:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.innosystec.de\\\/de\\\/blog\\\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\\\/\"},\"wordCount\":348,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/innosystec.de\\\/#organization\"},\"articleSection\":[\"Unkategorisiert\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.innosystec.de\\\/de\\\/blog\\\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.innosystec.de\\\/de\\\/blog\\\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\\\/\",\"url\":\"https:\\\/\\\/www.innosystec.de\\\/de\\\/blog\\\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\\\/\",\"name\":\"Einf\u00fchrung in die Welt der Progressive Web Apps &#8211; INNOSYSTEC GmbH\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/innosystec.de\\\/#website\"},\"datePublished\":\"2020-09-09T08:15:00+00:00\",\"dateModified\":\"2020-12-17T08:21:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.innosystec.de\\\/de\\\/blog\\\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.innosystec.de\\\/de\\\/blog\\\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.innosystec.de\\\/de\\\/blog\\\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/innosystec.de\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Einf\u00fchrung in die Welt der Progressive Web Apps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/innosystec.de\\\/#website\",\"url\":\"https:\\\/\\\/innosystec.de\\\/\",\"name\":\"INNOSYSTEC GmbH\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/innosystec.de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/innosystec.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/innosystec.de\\\/#organization\",\"name\":\"INNOSYSTEC GmbH\",\"url\":\"https:\\\/\\\/innosystec.de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/innosystec.de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.innosystec.de\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.innosystec.de\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo.svg\",\"width\":1,\"height\":1,\"caption\":\"INNOSYSTEC GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/innosystec.de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/INNOSYSTECGmbH\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/innosystec\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/innosystec.de\\\/#\\\/schema\\\/person\\\/ec4a25292c357bcb3202696c6976cae1\",\"name\":\"w3\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4700db5dfb8049e827291b223a31aaa5977edf9aa60f4527c6aae87814d721b4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4700db5dfb8049e827291b223a31aaa5977edf9aa60f4527c6aae87814d721b4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4700db5dfb8049e827291b223a31aaa5977edf9aa60f4527c6aae87814d721b4?s=96&d=mm&r=g\",\"caption\":\"w3\"},\"sameAs\":[\"http:\\\/\\\/localhost:8888\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Einf\u00fchrung in die Welt der Progressive Web Apps &#8211; INNOSYSTEC GmbH","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.innosystec.de\/de\/blog\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\/","og_locale":"de_DE","og_type":"article","og_title":"Einf\u00fchrung in die Welt der Progressive Web Apps &#8211; INNOSYSTEC GmbH","og_description":"Wusstest du, dass Spotify, Twitter, Instagram, Pinterest und Telegram PWAs sind? Vielleicht hast du diesen Begriff des \u00d6fteren geh\u00f6rt, aber in der Praxis keinen richtigen Bezug dazu gefunden? Progressive Web [&hellip;]","og_url":"https:\/\/www.innosystec.de\/de\/blog\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\/","og_site_name":"INNOSYSTEC GmbH","article_publisher":"https:\/\/www.facebook.com\/INNOSYSTECGmbH\/","article_published_time":"2020-09-09T08:15:00+00:00","article_modified_time":"2020-12-17T08:21:51+00:00","author":"w3","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"w3","Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.innosystec.de\/de\/blog\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\/#article","isPartOf":{"@id":"https:\/\/www.innosystec.de\/de\/blog\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\/"},"author":{"name":"w3","@id":"https:\/\/innosystec.de\/#\/schema\/person\/ec4a25292c357bcb3202696c6976cae1"},"headline":"Einf\u00fchrung in die Welt der Progressive Web Apps","datePublished":"2020-09-09T08:15:00+00:00","dateModified":"2020-12-17T08:21:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.innosystec.de\/de\/blog\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\/"},"wordCount":348,"commentCount":0,"publisher":{"@id":"https:\/\/innosystec.de\/#organization"},"articleSection":["Unkategorisiert"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.innosystec.de\/de\/blog\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.innosystec.de\/de\/blog\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\/","url":"https:\/\/www.innosystec.de\/de\/blog\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\/","name":"Einf\u00fchrung in die Welt der Progressive Web Apps &#8211; INNOSYSTEC GmbH","isPartOf":{"@id":"https:\/\/innosystec.de\/#website"},"datePublished":"2020-09-09T08:15:00+00:00","dateModified":"2020-12-17T08:21:51+00:00","breadcrumb":{"@id":"https:\/\/www.innosystec.de\/de\/blog\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.innosystec.de\/de\/blog\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.innosystec.de\/de\/blog\/einfuehrung-in-die-welt-der-progressive-web-apps-pwa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/innosystec.de\/de\/"},{"@type":"ListItem","position":2,"name":"Einf\u00fchrung in die Welt der Progressive Web Apps"}]},{"@type":"WebSite","@id":"https:\/\/innosystec.de\/#website","url":"https:\/\/innosystec.de\/","name":"INNOSYSTEC GmbH","description":"","publisher":{"@id":"https:\/\/innosystec.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/innosystec.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/innosystec.de\/#organization","name":"INNOSYSTEC GmbH","url":"https:\/\/innosystec.de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/innosystec.de\/#\/schema\/logo\/image\/","url":"https:\/\/www.innosystec.de\/wp-content\/uploads\/2026\/05\/logo.svg","contentUrl":"https:\/\/www.innosystec.de\/wp-content\/uploads\/2026\/05\/logo.svg","width":1,"height":1,"caption":"INNOSYSTEC GmbH"},"image":{"@id":"https:\/\/innosystec.de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/INNOSYSTECGmbH\/","https:\/\/www.linkedin.com\/company\/innosystec\/"]},{"@type":"Person","@id":"https:\/\/innosystec.de\/#\/schema\/person\/ec4a25292c357bcb3202696c6976cae1","name":"w3","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/4700db5dfb8049e827291b223a31aaa5977edf9aa60f4527c6aae87814d721b4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4700db5dfb8049e827291b223a31aaa5977edf9aa60f4527c6aae87814d721b4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4700db5dfb8049e827291b223a31aaa5977edf9aa60f4527c6aae87814d721b4?s=96&d=mm&r=g","caption":"w3"},"sameAs":["http:\/\/localhost:8888"]}]}},"_links":{"self":[{"href":"https:\/\/www.innosystec.de\/de\/wp-json\/wp\/v2\/posts\/555","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.innosystec.de\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.innosystec.de\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.innosystec.de\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.innosystec.de\/de\/wp-json\/wp\/v2\/comments?post=555"}],"version-history":[{"count":2,"href":"https:\/\/www.innosystec.de\/de\/wp-json\/wp\/v2\/posts\/555\/revisions"}],"predecessor-version":[{"id":557,"href":"https:\/\/www.innosystec.de\/de\/wp-json\/wp\/v2\/posts\/555\/revisions\/557"}],"wp:attachment":[{"href":"https:\/\/www.innosystec.de\/de\/wp-json\/wp\/v2\/media?parent=555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.innosystec.de\/de\/wp-json\/wp\/v2\/categories?post=555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.innosystec.de\/de\/wp-json\/wp\/v2\/tags?post=555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}