Wie Flutter Web die Kosten Ihrer App-Entwicklung senken kann

Sie haben eine Produktidee, aber Sie brauchen einen Plan, um sie in die Welt hinauszutragen. Um Ihren Dienst so vielen Benutzern wie möglich zugänglich zu machen, benötigen Sie mobile und Web-Apps. Aber Ihre kurze Recherche ist brutal – obwohl Sie nur eine enge Idee haben, erfordert es drei verschiedene Apps (Android, iOS, Web), drei verschiedene Arten von Spezialisten (Kotlin, Swift, JavaScript) und vielleicht sogar drei separate Anbieter.

Aber Sie sind nicht der Erste in dieser Position. Auch die Entwickler von Anwendungen wie Airbnb, Uber Eats und Discord standen dort, wo Sie jetzt stehen. Sie alle entschieden sich für eine plattformübergreifende Lösung. Und es sieht so aus, als ob Flutter 2020 der wichtigste Spieler in dieser Disziplin ist.

Was ist Flattern?

Flutter ist ein Google-Framework, mit dem Sie mobile Anwendungen für iOS und Android mit einer Codebasis erstellen können. Die erste stabile Version von Flutter wurde Ende 2018 veröffentlicht. Google hat Flutter als Antwort auf die schmelzenden Budgets mobiler Anwendungen und die wachsende Popularität von React Native entwickelt und wurde zu seinem Hauptkonkurrenten.

Flutter macht auf Dart aufmerksam, eine objektorientierte Sprache von Google, die laut vielen Domänenspezialisten die Zukunft aller Mobil-, Web- und Desktop-Entwicklungen ist. Verglichen mit dem JavaScript, das React Native verwendet, ist Dart vollständig objektorientiert und stark typisiert. Was bedeutet das für Ihr Unternehmen? Der in Dart ausgelieferte Code ist wesentlich fehlerresistenter und viel einfacher zu warten, auch über viele Jahre in einem wechselnden Team.

Flutter for Web erobert Browser

Wie lässt sich das alles ins Web übertragen? 2020 ist ein wichtiges Jahr für Flutter, weil es eine neue Herausforderung mit sich bringt. Das Framework ist gerade dabei, größere Bildschirme und Webbrowser zu erobern. In den letzten zwei Jahren gab es neben Flutter ein Forschungsprojekt namens Hummingbird , das Web-Apps aus demselben Flutter-Code generieren sollte, den iOS- und Android-Apps verwenden.

Das Projekt ist ausgereift, und vor einem Jahr hat es das Kernteam in das Framework aufgenommen, und derzeit (Stand Mai 2020) befindet es sich noch im Beta-Zweig. Was bedeutet das? Schon heute ist es möglich, Webanwendungen mit Flutter zu bauen und das Google-Team könnte es jederzeit als stabil verkünden. Ein Code, eine Technologie, drei Fliegen mit einer Klappe . Sieht so aus, als ob Ihr Projekt perfekt passt.

Ein Szenario für plattformübergreifende Anwendungen ist durchaus üblich. Viele beliebte und bekannte Lösungen haben dieses Modell verwendet, um Zeit und Geld zu sparen. Walmart, Soundcloud und Bloomberg haben sich für plattformübergreifende mobile Anwendungen entschieden. Ich wette, dass Sie mindestens eine plattformübergreifende Anwendung auf Ihrem Mobiltelefon haben.

Neugierig auf plattformübergreifende Entwicklung?

Mehr erfahren

Die Möglichkeit, nebenbei Web-Apps zu bauen, hat sich uns jedoch erst vor wenigen Monaten eröffnet. Obwohl sich noch keine der großen Marken für diesen Schritt entschieden hat, ist heute klar, dass es über kurz oder lang ein hervorragendes Tool für Startups und schnelle PoCs sein wird.

Flutter-Vorteile für Ihre App

Reduzierte Entwicklungskosten

Mit Flutter for Web werden drei Apps mit einer Codebasis innerhalb eines technologisch verbundenen Teams in einem Tempo erstellt. Sie müssen nicht nach Anbietern von drei verschiedenen Technologien suchen und dann ihre Arbeit synchronisieren. Es ist nicht erforderlich, dieselbe Zahlungsfunktion oder dieselbe Autorisierung für soziale Medien dreimal zu duplizieren.

Dies bedeutet jedoch nicht, dass Sie die Anzahl der Ausgaben auf das Dreifache begrenzen können. Es ist oft etwas komplizierter, eine bestimmte Funktionalität plattformübergreifend bereitzustellen. Meiner Erfahrung nach gibt es so etwas wie einen plattformübergreifenden Multiplikatorfaktor, der 1,2-1,5 entspricht. Das heißt, wenn eine Funktionalität X Stunden Entwicklungszeit für eine Plattform benötigt, dauert es (1,2-1,5) * X, wenn es um plattformübergreifende Entwicklung geht. Dennoch könnte x1.5 im Vergleich zu x3 ein Gewinn für Ihr Budget sein.

Schnellere App-Entwicklung

All dies macht Flutter zu einer ausgezeichneten Wahl für PoC und die Verifizierung von Produktideen. Innerhalb weniger Wochen können Sie eine funktionierende Anwendung erstellen, die Sie problemlos in App Stores veröffentlichen können. Nach potenziellem Erfolg können Sie erwägen, Apps mit nativen Technologien neu zu erstellen. Diesen Weg hat Airbnb beschritten. Nach dem Erfolg seiner plattformübergreifenden mobilen Apps entschieden sie sich, 2018 auf native Anwendungen umzusteigen.

Einfacher Wartungsprozess

Denken Sie auch daran, was passieren wird, wenn Ihre Bewerbung endlich erfolgreich ist. Wenn es in die Wartung geht, ist es viel einfacher, die App mit einem Dart/Flutter-Spezialisten zu warten. Ihr Unternehmen ist möglicherweise nicht in der Lage, Aufgaben für drei verschiedene Entwickler in Vollzeit zu finden, indem Sie nur den Code pflegen. Ebenso führt jedes Ungleichgewicht in ihren Fähigkeiten zu Schwankungen im Arbeitstempo.

Die Fähigkeiten eines Entwicklungsteams sind auch wichtig, wenn man das gemeinsame Erscheinungsbild auf verschiedenen Plattformen berücksichtigt. Bei der Arbeit an drei Projekten hängt ihre endgültige Form stark von den Fähigkeiten und der Einstellung der Benutzeroberfläche des Entwicklers ab. Wenn der iOS-Typ abgerundete Ecken bevorzugt und der Android-Typ sie nicht so sehr mag, kann sich herausstellen, dass sich diese beiden Anwendungen darin unterscheiden, wie sie die Produktmarke beeinflussen.

Flutter für Web-Risiken

Technologieprobleme entwickeln

Okay, aber gibt es irgendwelche Risiken oder Nachteile, die mit der Wahl von Flutter für Web verbunden sind? Wie immer hat die Geschichte zwei Seiten. Aus technischer Sicht müssen wir bedenken, dass es sich noch um eine Beta-Technologie handelt. Es ist also nicht ganz stabil und Sie können sogar auf ein unlösbares Problem stoßen . Auch die Unterstützung von koexistierenden Flutter-Bibliotheken ist manchmal unvollständig. Es ist üblich, dass eine Bibliothek auf Mobilgeräten wie ein Zauber funktioniert, aber auf Netzanwendungen abstürzt, weil sie dafür nicht optimiert ist. Dies ist ein geringfügiges Problem, wenn es auf die Benutzeroberfläche beschränkt ist, kann jedoch problematisch sein, wenn es sich um Ihre Hauptzahlungsdienstintegration handelt.

Ausnahmen für Webanwendungen

Ein weiteres Problem ist, dass selbst wenn die Universen von Android- und iOS-Anwendungen sehr ähnlich sind und die Codebasis in den meisten Fällen zu 95-100 % gleich ist, dies möglicherweise nicht auf die Browserversion zutrifft. Eine untere Blattschublade, ein unteres Registerkartenmenü oder horizontale Karussells sind großartige mobile UX-Muster, die sich nicht gut auf das Web anwenden lassen. Oft müssen Sie Ausnahmen nur für die Web-App erstellen. Das architektonische Design muss im Mobil- und Webbereich oft völlig unterschiedlich sein. Ganz am Anfang der Arbeit ist es gut, eine Diskussionsrunde zwischen Designern und Entwicklern einzurichten. Lassen Sie sie ihren Standpunkt teilen und versuchen Sie, einen Konsens zu erzielen, insbesondere wenn Ihnen Ihr Budget und Ihre Termine wichtig sind.

Flutter vs React Native

Aber ist Flutter for Web Ihre einzige Wahl? Natürlich nicht. Seine wichtigste Alternative ist React Native. React Native ist ein kompetitives Framework, das Facebook Jahre vor Flutter erfunden und unterstützt hat. Damit können Sie genau dasselbe tun – alle iOS-, Android- und Webanwendungen erstellen (ähnlich wie Flutter für relativ kurze Zeit).

Entdecken Sie, was die Zukunft für mobile Apps bereithält

Holen Sie sich den Bericht kostenlos!

Ich habe die letzten zwei Jahre mit React Native gearbeitet und bin kürzlich in die Flutter-Welt eingestiegen, damit ich Ihnen einige Ratschläge geben kann, wenn Sie vor einer Entscheidung zwischen diesen beiden stehen. Zunächst einmal gibt es in diesem Duell keinen einzigen Sieger , beide Technologien sind ausgereift und beide eignen sich hervorragend als Cross-Plattform. Es gibt jedoch einige Nuancen, die bei der Umsetzung eines bestimmten Projekts einen Vorteil bringen können:

• Wenn Ihnen die gestenbezogene Benutzeroberfläche (Wischen, Ziehen, Schubladen herausziehen usw.) besonders wichtig ist, ist Flutter aufgrund seiner Architektur und Gestenunterstützung auf der nativen Seite die bessere Wahl. RN hat manchmal Schwierigkeiten, eine gute Kombination aus Gesten und Animationen zu liefern.
• Wenn das Web der wichtigste Berührungspunkt für Ihr Unternehmen ist, wählen Sie React Native. RN produziert eine Browseranwendung, die nativ entwickelten Produkten viel näher kommt, und Sie können sie mit nativen Tools debuggen. Andererseits transpiliert Flutter für Webprojekte nicht in typisches DOM und benötigt Adapter.
• Wenn Ihre Anwendung über die Jahre gewartet und weiterentwickelt werden soll (oder das Team, das daran arbeitet, sich im Laufe der Zeit ändern kann), sind Flutter und Dart möglicherweise die bessere Lösung.
• Wenn Ihre Anwendung die Verwendung etwas komplexerer Mechanismen (Bluetooth, Biometrie, Geolokalisierung) oder externer Integrationen (Zahlungen, soziale Medien) voraussetzt, gibt es React Native schon länger und verfügt über ein viel breiteres Spektrum an Bibliotheken. Das Flutter for Web-Ökosystem wächst jeden Monat, aber dennoch sollte die Suche nach verfügbaren Bibliotheken jedem Projekt dort vorausgehen.

Möchten Sie mehr Einblicke in diese beiden weit verbreiteten Frameworks gewinnen? Sehen Sie sich unseren Vergleich von React Native und Flutter an!

Zusammenfassen

Nie zuvor waren die Benutzer so zwischen den Plattformen verstreut. Mobile Geräte und Webbrowser sind nur die Spitzen des Eisbergs. Benutzer nutzen zunehmend Anwendungen in Autos, Uhren und Fernsehern, und auch Sprachassistenten werden immer beliebter. Daher besteht ein Bedarf, den Prozess zu vereinfachen und die Kosten der Softwareproduktion zu senken. Eine Codebasis sowohl für die Web- als auch für die mobile Entwicklung ist bereits ein gängiges Muster, und Flutter für das Web ist ein hervorragendes Beispiel.

Erstellen Sie Ihre nächste App mit Flutter

Lass uns zusammen arbeiten

Lange habe ich Flutter for Web als junge Technologie betrachtet. Meine jüngste Arbeit hat mich dazu gebracht, meine Meinung zu ändern, und jetzt stehe ich korrigiert da. Flutter ist ein erwachsener junger Mann, der vor einer glänzenden Zukunft steht und definitiv eine Überlegung wert ist. Es scheint eine attraktive Wahl für Ideen mit kleinen Budgets und kurzen Fristen zu sein. Für alle, die ihre Ideen schnell und mit geringem Aufwand verifizieren wollen, die eine Idee haben und auf die Bedürfnisse des Marktes reagieren. Das ist genau dasselbe, was Flutter bei der Softwareentwicklung gemacht hat.

Klingt vielversprechend?

Sie fragen sich, ob plattformübergreifende Entwicklung eine gute Lösung für Ihr Unternehmen wäre? Kontaktieren Sie unser Team und erhalten Sie einen Kostenvoranschlag für Ihr Projekt.