{"id":12512,"date":"2021-02-27T12:16:16","date_gmt":"2021-02-27T11:16:16","guid":{"rendered":"https:\/\/blog.mi.hdm-stuttgart.de\/?p=12512"},"modified":"2023-06-18T18:06:53","modified_gmt":"2023-06-18T16:06:53","slug":"progressive-web-apps-wer-braucht-noch-native-apps","status":"publish","type":"post","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2021\/02\/27\/progressive-web-apps-wer-braucht-noch-native-apps\/","title":{"rendered":"Progressive Web Apps – Wer braucht noch native Apps?"},"content":{"rendered":"\n

Progressive Web Apps sollen es erm\u00f6glichen die Vorteile des Webs und die nativer Apps zu nutzen, um so f\u00fcr jeden, \u00fcberall und auf jedem Ger\u00e4t, nutzbar zu sein. Was Progressive Web Apps eigentlich sind, welche Vor- und Nachteile sie mit sich bringen und ob sie in Zukunft native Apps komplett ersetzen k\u00f6nnen, soll in diesem Artikel beantwortet werden. <\/p>\n\n\n\n

Was sind Progressive Web Apps?<\/h2>\n\n\n\n

Der Name Progressive Web Apps (PWA) ist kein formeller oder offizieller Name sondern nur eine Abk\u00fcrzung. Diese wurde urspr\u00fcnglich von Google f\u00fcr das Konzept verwendet, eine flexible und anpassbare App nur mit Webtechnologien (HTML, CSS, JavaScript) zu erstellen.
Der Begriff Progressive<\/em> im Namen kommt daher, dass das Konzept PWA auf der Design Philosophie Progressive Enhancement <\/em>basiert.[1] Diese besagt, dass so vielen Nutzern wie m\u00f6glich die grundlegende Funktionalit\u00e4t zur Verf\u00fcgung gestellt werden soll. Mithilfe von Feature Detection wird in der Implementierung \u00fcberpr\u00fcft, ob der Browser mit der gew\u00fcnschten Funktion umgehen kann. Falls dies nicht der Fall ist, wird eine alternative Implementierung mittels Polyfills bereitgestellt, um die fehlende Funktion mit JavaScript hinzuzuf\u00fcgen. Dadurch wird eine ausgezeichnete Erfahrung f\u00fcr voll leistungsf\u00e4hige Browser erm\u00f6glicht und eine akzeptable Erfahrung f\u00fcr weniger leistungsf\u00e4hige Browser.[2]<\/p>\n\n\n\n

“These apps aren’t packaged and deployed through stores, they’re just websites that took all the right vitamins.”<\/p>Alex Russell [3]<\/cite><\/blockquote>\n\n\n\n

\n

Wie Alex Russell, der als Google Engineer das PWA Konzept mitentwickelt hat, mit seinem Zitat beschreibt, sind PWAs im Kern einfache Webanwendungen. Mithilfe von speziellen Technologien und Patterns wollen sie die Vorteile des Webs und die nativer Apps nutzen. Hierzu z\u00e4hlen beispielsweise die einfache Auffindbarkeit im Web oder die M\u00f6glichkeit der Offline-Nutzung nativer Apps.[1], [4]
Um eine bestm\u00f6gliche Nutzererfahrung zu erzielen, die sich anf\u00fchlt wie bei einer plattformspezifischen Anwendung hat Google drei S\u00e4ulen definiert, die eine PWA erf\u00fcllen sollte:<\/p>\n\n\n\n