🥇Technologische Trends der Webentwicklung 2019

Einführung

Die digitale Transformation erfasst Jahr für Jahr immer mehr verschiedene Lebens- und Geschäftsbereiche. Wenn ein Unternehmen wettbewerbsfähig sein möchte, reichen gewöhnliche Informationswebseiten nicht mehr aus; es sind mobile und Webanwendungen erforderlich, die den Nutzern nicht nur Informationen bieten, sondern auch bestimmte Funktionen ermöglichen: Produkte und Dienstleistungen zu erhalten oder zu bestellen und Werkzeuge bereitzustellen.

So reicht es modernen Banken beispielsweise nicht mehr aus, lediglich eine Informationswebsite zu besitzen; sie benötigen Online-Tools für ihre Kunden, ein persönliches Konto, in dem der Nutzer seine Konten, Investitionen und Kredite verwalten kann. Auch kleinen Unternehmen sind bequeme Werkzeuge wichtig, um die Konversion zu steigern, beispielsweise die Terminvereinbarung beim Arzt oder Friseur, die Tischreservierung im Restaurant oder im Spielzimmer für den Kindergeburtstag.

Die Eigentümer selbst müssen rechtzeitig Informationen in einem benutzerfreundlichen Format über den Zustand ihres Unternehmens erhalten, beispielsweise durch die Erfassung statistischer Daten und Analysen über verschiedene Produktionsabteilungen oder die Produktivität der Abteilungen. Oft sammelt jede Abteilung diese Daten auf ihre eigene Weise und kann sogar unterschiedliche Werkzeuge nutzen, wodurch die Eigentümer viel persönliche Zeit aufwenden müssen, um alles zu verstehen. Dies kann sich direkt oder indirekt auf die Effizienz des Unternehmens und letztendlich auf den Gewinn auswirken. Auch hier können digitale Transformation und die Entwicklung einer Web- oder mobilen Anwendung helfen.

Die Technologien stehen nicht still und entwickeln sich ständig weiter, und das, was vor ein paar Jahren verwendet wurde, kann heute bereits veraltet sein, oder das, was vor einigen Jahren nicht realisierbar war, ist jetzt Realität geworden. Es gibt eine Vielzahl moderner Werkzeuge, die helfen, Web- und mobile Anwendungen schneller und besser zu erstellen. Basierend auf persönlichen Beobachtungen und Erfahrungen möchte ich meine Sichtweise teilen, welche Technologien und Werkzeuge in naher Zukunft gefragt sein werden und warum es sich lohnt, bei der Erstellung moderner Webanwendungen darauf zu achten.

Single Page Application (Einseitenanwendungen)

Lassen Sie uns ein wenig mit der Terminologie klären. Eine Single Page Application (SPA) ist eine Webanwendung, deren Komponenten einmalig auf einer Seite geladen werden, während der Inhalt nach Bedarf nachgeladen wird. Und beim Wechsel zwischen den Abschnitten der Anwendung wird die Seite nicht vollständig neu geladen, sondern es werden nur die erforderlichen Daten nachgeladen und angezeigt.

Einseitige Anwendungen gewinnen im Vergleich zu klassischen Webanwendungen erheblich an Geschwindigkeit und Benutzerfreundlichkeit. Mit einer SPA kann man den Effekt eines Websitedesigns erzielen, das wie eine Desktop-Anwendung funktioniert, ohne Neustarts und wesentliche Verzögerungen.

Wenn vor einigen Jahren einseitige Anwendungen praktisch keine Suchmaschinenoptimierung unterstützten und vor allem zur Erstellung von Benutzerkonten und Administrationspanelen verwendet wurden, ist es heute viel einfacher, eine einseitige Anwendung mit vollständiger Unterstützung für Suchmaschinenoptimierung (SEO) zu erstellen. Durch den Einsatz von einseitigen Anwendungen mit serverseitigem Rendering ist dieses Problem heute vollständig verschwunden. Anders gesagt: Es handelt sich um dieselbe einseitige Anwendung, aber beim ersten Abruf generiert der Server nicht nur Daten, sondern erstellt eine bereit zur Anzeige HTML-Seite, und Suchmaschinen erhalten fertige Seiten mit allen Meta-Informationen und semantischen Markups.

Mit der Entwicklung von Werkzeugen zur Erstellung von clientseitigen Webanwendungen wird die Entwicklung und Umstellung auf einseitige Anwendungen in diesem und in den kommenden Jahren nur zunehmen. Wenn Sie eine alte Anwendung haben, die moralisch veraltet ist und langsam arbeitet und zudem bei jedem Wechsel zwischen den Abschnitten die Seite vollständig neu lädt, können Sie sich in diesem Jahr ohne Bedenken auf eine schnelle einseitige Anwendung umstellen – jetzt ist eine gute Zeit, die Technologien ermöglichen es bereits, dies ziemlich schnell und qualitativ durchzuführen.

Einen modernen und schnellen Webauftritt zu haben, ist sehr gut, aber ich möchte Ihnen ehrlich mitteilen: Nicht alle Anwendungen lassen sich leicht in einseitige umwandeln, und der Übergang kann nicht billig werden! Deshalb muss man verstehen, wem und warum dieser Übergang benötigt wird.

Um Ihnen bei der Klärung zu helfen, werde ich in der folgenden Tabelle einige Beispiele geben, wann die Entwicklung oder Umstellung auf SPA sinnvoll und gerechtfertigt ist und wann nicht.

Wenn Sie eine moderne, schnelle Anwendung erstellen möchten und möchten, dass nicht nur die Webversion, sondern auch die mobile oder sogar Desktop-Version genutzt wird, und alle Prozesse und Berechnungen auf einem externen oder Cloud-Server stattfinden. Und das Ganze auch so, dass alle Kunden eine einheitliche Interaktionsschnittstelle haben und keine Notwendigkeit besteht, jede Änderung im Servercode vorzunehmen, wenn ein neuer Kunde hinzugefügt wird.

Zum Beispiel: soziale Netzwerke, Aggregatoren, SaaS-Plattformen (Software as a Service), Marktplätze

Wenn Sie einen Laden oder einen Webdienst haben, wissen Sie, dass er langsam ist und die Leute abspringen. Sie möchten ihn schneller machen, erkennen den Wert der Kunden und sind bereit, für ein Upgrade ab einer Million Rubel zu bezahlen.

Sie haben eine mobile Anwendung, die die API der Website nutzt, und die Website ist dabei langsam und lädt den Inhalt bei Seitenwechseln vollständig neu.

GEGEN

Wenn Ihre Zielgruppe keine modernen Browser und Geräte verwendet.

Zum Beispiel: spezifische Unternehmensbereiche wie die Entwicklung interner Systeme für Banken, medizinische Einrichtungen und Bildung.

Ihre Haupttätigkeit führen Sie offline durch und sind nicht bereit, irgendwelche Dienstleistungen online anzubieten, und Sie müssen lediglich Kunden anziehen.

Wenn Sie einen Online-Shop oder Webdienst haben, der bereits gut verkauft, sehen Sie keinen Kundenverlust und keine Beschwerden.

Wenn Sie eine funktionierende Anwendung haben, die sich nicht für SPA anpassen lässt und alles von Grund auf neu geschrieben werden muss und Sie nicht bereit sind, dafür mehrere Millionen auszugeben.

Zum Beispiel: Es gibt eine Box-Website oder einen alten, monolithischen Code.

Progressive Web Applications

Progressive Web Applications (progressive Webanwendung) sind das Produkt einer gemeinsamen Evolution von nativen Anwendungen und Websites. Im Grunde genommen ist es eine Webanwendung, die wie eine echte native Anwendung aussieht und sich wie eine solche verhält, Push-Benachrichtigungen empfangen kann, im Offline-Modus funktioniert usw. Dabei muss der Benutzer die Anwendung nicht aus dem App Store oder Google Play herunterladen, sondern kann sie einfach auf den Desktop speichern.

Da sich die Technologie oder der Ansatz zur Entwicklung von PWA seit 2015 entwickelt, gewinnt sie in letzter Zeit auch enorm an Popularität im E-Commerce-Bereich.

Einige reale Beispiele aus dem Leben:

Im vergangenen Jahr konnte das Hotel Best Western River North, nachdem es eine neue PWA-fähige Website gestartet hatte, den Umsatz um 300 % steigern.
Der arabische Marktplatz OpenSooq.com konnte nach der Einführung der PWA-Unterstützung auf seiner Website die Besuchszeit um 25 % und die Anzahl der Leads um 260 % erhöhen.
Der bekannte Dating-Service Tinder konnte die Ladezeit von 11,91 Sekunden auf 4,69 Sekunden reduzieren, indem er eine PWA entwickelte; zudem ist die App 90 % leichter als ihr natives Android-Pendant.

Ein weiterer Hinweis darauf, dass man dieser Technologie Beachtung schenken sollte, ist, dass eine der größten Plattformen zur Erstellung von E-Commerce-Projekten, Magento, im Jahr 2018 eine frühe Entwickler-Version von PWA Studio veröffentlichte. Die Plattform ermöglicht es, ‘out of the box’ ein Frontend auf Basis von React für eigene E-Commerce-Lösungen mit PWA-Unterstützung zu erstellen.

Ein Ratschlag für diejenigen, die bereits ein Internetprojekt haben oder nur die Idee eines neuen Dienstes mit mobiler Unterstützung: Eilen Sie nicht, um eine vollwertige native App zu schreiben, sondern schauen Sie sich zunächst die PWA-Technologie an. Es könnte die beste Lösung in Bezug auf Preis und Qualität für Ihr Produkt sein.

Ein wenig aus der Praxis: Um eine einfache native Nachrichten-App zu erstellen, vorausgesetzt, es gibt bereits einen funktionierenden REST-Server, benötigt man etwa 200-300 Personstunden für jede Plattform. Bei einem durchschnittlichen Marktarif von 1500-2000 Rubel/Stunde könnte die App etwa 1 Million Rubel kosten. Wenn man eine Webanwendung mit vollständiger PWA-Unterstützung entwickelt: Push-Benachrichtigungen, Offline-Modus und andere Funktionen, dann würde die Entwicklung 200-300 Personstunden in Anspruch nehmen, aber das Produkt wäre sofort auf allen Plattformen verfügbar. Das bedeutet eine Ersparnis von etwa dem Doppelten, ganz zu schweigen davon, dass keine Gebühren für die Platzierung in App-Stores bezahlt werden müssen.

Serverless

Dies ist ein weiterer moderner Ansatz für die Entwicklung. Wegen des Namens denken viele, dass es sich tatsächlich um eine serverlose Entwicklung handelt, dass kein Backend-Code geschrieben werden muss und jeder Frontend-Entwickler eine vollwertige Webanwendung erstellen kann. Doch das ist nicht der Fall!

Beim Erstellen einer Serverless-Anwendung ist ein Server weiterhin erforderlich, ebenso wie eine Datenbank. Der Hauptunterschied bei diesem Ansatz besteht darin, dass der Backend-Code in Form von Cloud-Funktionen dargestellt wird (eine andere Bezeichnung für Serverless ist FaaS – Funktionen als Service) und es der Anwendung ermöglicht, schnell und einfach zu skalieren. Bei der Erstellung einer solchen Anwendung kann sich der Entwickler auf geschäftliche Aufgaben konzentrieren und muss sich keine Gedanken über Skalierung und Infrastrukturkonfiguration machen, was die Entwicklung der Anwendung beschleunigt und die Kosten senkt. Darüber hinaus hilft der Serverless-Ansatz, Mietkosten zu sparen Server, da er genau so viele Ressourcen verwendet, wie zur Ausführung der Aufgabe benötigt werden, und wenn keine Last vorhanden ist, wird keine Serverzeit verwendet und auch nicht abgerechnet.

Zum Beispiel konnte das große amerikanische Medienunternehmen Bustle seine Ausgaben um Hosting mehr als 60 % senken, als es auf Serverless umstieg. Das Unternehmen Coca-Cola konnte bei der Entwicklung eines automatisierten Systems für den Verkauf von Getränken über Automaten die Hosting-Kosten von 13.000 USD auf 4.500 USD pro Jahr durch den Wechsel zu Serverless senken.

In den letzten paar Jahren wurde Serverless aufgrund der Neuheit und seiner Einschränkungen hauptsächlich für kleine Projekte, Startups und MVPs verwendet, aber heute, dank der Evolution der Software, der Vielseitigkeit und der Leistungsfähigkeit der Containerisierung von Servern, entstehen Werkzeuge, die es ermöglichen, Einschränkungen abzubauen, die Entwicklung von Cloud-Anwendungen zu vereinfachen und zu beschleunigen.
Das bedeutet, dass Unternehmensgeschäftszenarien, in denen Cloud-Modernisierung zuvor als unmöglich galt (z.B. für Edge-Geräte, übertragene Daten oder zustandsbehaftete Anwendungen), jetzt Realität sind. Vielversprechende Werkzeuge in diesem Bereich sind kNative und Serverless Enterprise.

Aber trotz all dessen ist Serverless nicht die Silberkugel für die Entwicklung von Webanwendungen. Wie jede andere Technologie hat sie ihre Vor- und Nachteile, und man sollte dieses Werkzeug mit Bedacht auswählen und „nicht Nägel mit einem Mikroskop einschlagen“, nur weil es technologischer ist.

Um Ihnen zu helfen, sich zu orientieren, finden Sie hier einige Beispiele, wann Sie bei der Entwicklung eines neuen oder der Verbesserung eines bestehenden Webdienstes über Serverless nachdenken sollten:

Wenn die Serverlast periodisch ist und Sie für ungenutzte Kapazitäten bezahlen. Zum Beispiel hatten wir einen Kunden mit einem Netzwerk von Kaffeeautomaten, bei dem nur einige Hundert oder Tausend Anfragen pro Tag verarbeitet werden mussten, während die Anzahl der Anfragen nachts auf einige Dutzend sank. In diesem Fall ist es viel effizienter, nur für die tatsächliche Ressourcennutzung zu zahlen, weshalb wir eine Lösung auf Serverless-Basis vorgeschlagen und umgesetzt haben.
Wenn Sie nicht in technische Details der Infrastruktur eintauchen und nicht zu viel für die Konfiguration und den Support von Servern und Lastenausgleichstarifen bezahlen möchten. Zum Beispiel wissen Sie bei der Entwicklung eines Marktplatzes nicht genau, welche Besucherzahlen Sie erwarten können, oder planen hohe Besucherzahlen und möchten sicherstellen, dass Ihre Anwendung die Last problemlos bewältigt, dann ist Serverless eine ausgezeichnete Wahl.
Wenn es notwendig ist, bestimmte Streaming-Ereignisse in der Hauptanwendung auszuführen, Nebeninformationen in Tabellen zu speichern oder Berechnungen durchzuführen. Zum Beispiel, um Analysedaten des Nutzerverhaltens zu sammeln, diese auf bestimmte Weise zu verarbeiten und in der Datenbank zu speichern.
Wenn Sie die aktuelle Funktionsweise der Anwendung vereinfachen, vereinheitlichen oder beschleunigen möchten. Zum Beispiel, um leistungssteigernde Dienste für die Arbeit mit Bildern oder Videos zu erstellen, wenn der Nutzer ein Video in die Cloud hochlädt und das Transcoding von einer separaten Funktion übernommen wird, während der Hauptserver weiterhin im normalen Betrieb läuft.

Wenn Sie Ereignisse von Drittanbietern verarbeiten müssen. Zum Beispiel, um Antworten von Zahlungssystemen zu verarbeiten oder Benutzerdaten zur Beschleunigung der Bearbeitung potenzieller Kundenanfragen in CRM-Systeme umzuleiten.
Wenn Sie eine große Anwendung haben und einige Teile der Anwendung effizienter in einer anderen Sprache implementiert werden können. Zum Beispiel, wenn Sie ein Projekt in Java haben und neue Funktionen hinzufügen müssen, aber keine freien Kapazitäten verfügbar sind, oder wenn die Implementierung in dieser Sprache länger dauern würde und bereits eine Lösung in einer anderen Sprache existiert, dann kann Serverless auch dabei helfen.

Dies ist längst nicht die gesamte Liste von Werkzeugen und Technologien, die Beachtung verdienen. Ich habe nur die geteilt, die wir jeden Tag in unserer Arbeit nutzen und von denen wir genau wissen, wie sie dem Geschäft helfen können.

Quelle: habr.com