Progressive Web Apps - die Zukunft des modernen Web?

Heutzutage sind Progressive Web Apps (PWA) die Stadt, vor allem wegen ihrer erstaunlichen Benutzerfreundlichkeit und einzigartigen Benutzererfahrung. Mit den kombinierten Funktionen von Websites und nativen Apps werden PWAs zu einer Norm für Webanwendungen mit mehreren Geräten Entwickler können schnell ladende dynamische Apps erstellen ohne hybride Frameworks zu verwenden.

Ich glaube, dass progressive Web-Apps das sind Zukunft der Websites - und im folgenden Bericht werde ich die Vorteile und Anwendungsfälle diskutieren, um Ihnen das Ganze zu vermitteln. Lass uns weitergehen.

Was sind progressive Web-Apps??

Der Begriff “Progressive Web-Apps” wurde zuerst von Alex Rusell (einem Entwickler von Google Chrome) und Frances Berriman (einem Designer) geprägt. Alex teilte seine Idee zu Progressive Web Apps “Diese Apps werden nicht in Geschäften verpackt und bereitgestellt, sondern nur Websites, die alle richtigen Vitamine nahmen“.

“Sites, die Ihnen Benachrichtigungen senden möchten oder sich auf Ihrem Startbildschirm befinden, müssen sich dieses Recht mit der Zeit verdienen, da Sie sie immer mehr verwenden. Sie werden nach und nach “Apps”“, schrieb Alex über die Appiness von PWA. Schließlich schloss er, “Diese Apps können einen Ausgleich liefern Besseres Benutzererlebnis als herkömmliche Web-Apps“.

Web-Apps vs. progressive Web-Apps

Web-Apps oder herkömmliche Web-Apps sind die clientseitigen Apps direkt in einem Webbrowser ausführen. Obwohl sie besser sind als Websites, haben sie doch ihre Probleme. Wenn Sie den Unterschied zwischen Web-Apps und Websites nicht kennen, unterscheiden sich Web-Apps von Websites, da Web-Apps wie native Apps aussehen.

Davon abgesehen, sind progressive Web-Apps die nächste Generation von Web-Apps Diese arbeiten eher wie native Apps, indem sie die systemeigenen Verbesserungen des Geräts nutzen. Progressive Web Apps können dies beispielsweise Verwenden Sie native Funktionen wie Kamera, Beacons usw. zusammen mit Funktionen wie Offline-Cache, Push-Benachrichtigungen usw.

Warum brauchen wir progressive Web-Apps??

Wir haben native Apps, die zum einen unglaublich schnell und zuverlässig sind, selbst in den schlimmsten Situationen wie langsame oder keine Konnektivität. Andererseits gibt es jedoch Websites und Web-Apps, die langsam sind und unter keinen Netzwerkbedingungen funktionieren. Deshalb sind die meisten Leute bevorzuge native Apps.

Accelerated Mobile Pages (AMP), ein von Google gefördertes Projekt, wurde 2016 gestartet lösen Sie langsame Verbindungsprobleme, insbesondere auf Smartphones, und bieten mobilen Benutzern ein besseres Benutzererlebnis. AMP löst jedoch keine Probleme ohne Netzwerkprobleme. Außerdem beschleunigt es die Ladezeit nicht so sehr wie native Apps, und es gibt auch hier einige Einschränkungen, um diese Geschwindigkeit zu erreichen.

Deshalb brauchen wir progressive Web-Apps. PWAs bieten die bestmögliche Benutzererfahrung in langsamen oder keinem Netzwerk Bedingungen. Zum Beispiel kann PWA einen Fortschrittsbildschirm anzeigen, wenn der Inhalt geladen wird, oder ein Begrüßungsbildschirm, wenn keine Webverbindung vorhanden ist.

Warum progressive Web-Apps sinnvoll sind?

Wie im comScore-US Mobile App Report 2017 angegeben, geben App-Nutzer fast aus 77 Prozent ihrer Zeit auf ihren drei besten Apps, Der Rest der Apps bleibt jedoch inaktiv, blockiert jedoch weiterhin die Systemressourcen einschließlich des Arbeitsspeichers. Darüber hinaus teilt es auch das 50 Prozent der Nutzer laden pro Monat keine Apps herunter. Diese Tatsache legt nahe, dass Benutzer zögern, neue Apps zu installieren, und PWA hat daher einen Vorteil.

Ich finde, die Leute gehen meistens auf Desktops, aber bevorzuge Apps auf mobilen Geräten (natürlich native Apps). Der Grund: Computer bieten viel mehr Netzwerkressourcen als Smartphones und Apps verbrauchen weniger Ressourcen als ihre Gegenwebsites. Sie sind auch schnell und zuverlässig.

Außerdem kosten native Apps viel mehr als Websites - je nach Projektart fünf bis zehn Mal oder mehr. Ihre Kosten können sich außerdem vervielfachen, wenn native Apps für mehrere Plattformen (z. B. Android und iOS) mit unterschiedlichen Codebasis entwickelt werden müssen. PWA kann jedoch helfen so hohe Entwicklungskosten minimieren, Dank der Unterstützung für verschiedene Plattformen.

Progressive Web Apps-Funktionen

Progressive Web-Apps verfügen über viele direkte Funktionen, die sie von ihren einfacheren Gegenstücken unterscheiden, d. H. Web-Apps (oder einfachere - Websites):

Responsiv. Arbeiten Sie auf allen Geräten jeder Bildschirmgröße.
Offline zuerst. Laden Sie auch in einem langsamen oder keinem Netzwerk.
App-Gefühl. Sehen und interagieren Sie wie eine native App.
Auf dem neusten Stand. Update selbstständig, fast transparent.
Sicher und sicher. Verwenden Sie HTTPS, um Seitenressourcen zu laden.
Auffindbar. Stellen Sie den Suchmaschinen Inhalte zur Verfügung.
Wieder einrückbar. Wieder einschalten, beispielsweise Benachrichtigungen verwenden.
Installierbar. Kann auf Ihrem Startbildschirm platziert werden.
Linkbar. App-ähnliche Seiten laden, jedoch mit URLs.

Was ich interessant finde, ist, dass progressive Web-Apps nicht nur wie native Apps aussehen und sich auch so anfühlen, sondern auch haben Zugriff auf die systemeigenen Funktionen des Geräts. Das bedeutet, dass ein PWA Sie mit der Kamera Ihres Geräts fotografieren kann. Ich muss jedoch mitteilen, dass es keinen Zugriff auf eingeschränkte Funktionen wie Standort, Telefon oder SMS gibt.

Hinweis: In diesem Beitrag erfahren Sie mehr über die Funktionen und andere Details.

Progressive Web-Apps erstellen?

Google bietet eine “Progressive Web App-Checkliste” - eine detaillierte Liste, die den Anfängern dabei hilft, progressive Web-Apps zu erstellen. Diese No-Guide-Liste teilt die notwendige Funktionen zum Erstellen von PWAs - ein “Grundlinien-PWA” und ein “Beispielhafte PWA”; Ersteres listet wichtige Dinge für eine einfache App und letzteres für eine fortgeschrittene App auf.

Darüber hinaus gibt es verschiedene Tools, die Sie beim Aufbau einer PWA unterstützen. Zum Beispiel ist Lighthouse eine kostenlose Open Source Werkzeug zur Verbesserung einer Webseite einschließlich Qualitätsprüfungen für Zugänglichkeits-, Leistungs- und PWA-Funktionen. Ein weiteres Werkzeug ist Workbox, das hilft Erstellen Sie Apps mit offline-ersten Erfahrungen.

Sind progressive Web-Apps die Zukunft?

Obwohl Progressive Web Apps in naher Zukunft möglicherweise nicht alle unsere App-Probleme lösen oder native Apps ersetzen können, glaube ich, dass dies aufgrund von Ihre Vorteile sind weit mehr als nur ihre Grenzen. Und da fast jede große Plattform anfängt, PWAs zu unterstützen, werden wir sie nicht überall sehen.

Apple hat in Safari 11.1 PWA-Funktionen (Web-APIs) eingeführt, darunter Beacon-API, Service Workers, Web-App-Manifest usw. wenn auch nicht schon bald PWAs für iOS. Google hat bereits PWAs in Chrome für Android unterstützt und plant, es auch auf Desktop-Plattformen zu bringen. Microsoft fügte außerdem Unterstützung für PWAs in Microsoft Edge hinzu und listet sie auch im Microsoft Store auf.

Was denkst du - Progressive Web Apps sind die Zukunft? Lassen Sie es mich direkt unter @aksinghnet wissen oder schreiben Sie einen Kommentar durch den nachfolgenden Abschnitt, um Ihre Antwort zu hinterlassen.