Amazon hat eine Vision mit AWS Amplify. Zuerst eine Prämisse
Da die Browser im letzten Jahrzehnt immer schneller und leistungsfähiger geworden sind, entwickeln Front-End-Entwickler Web-Apps, die sowohl für Desktop- als auch für Mobilgeräte reichhaltiger an Funktionen und performanter sind. Um diese Funktionen zu implementieren, entwickeln sich Front-End-Entwickler zunehmend zu Full-Stack-Entwicklern, die nicht nur die Benutzeroberfläche, sondern auch die Cloud-Dienste bedenken müssen, die sie nutzen, um schneller auf den Markt zu kommen.
Diese Prämisse stammt aus Gesprächen, die ich mit Amazon über ihre Arbeit mit AWS Amplify geführt habe, die auf deren eigener Forschung basiert.
Kommt Ihnen das bekannt vor? Ich sage schon seit Jahren, dass wir Front-End-Entwickler uns zu Full-Stack-Entwicklern entwickeln. Und größtenteils ist das großartig. Es ist ermächtigend zu sehen, wie unsere grundlegenden Fähigkeiten voll und ganz ausreichen, um ganze Websites zu erstellen und zu hosten, sogar vollwertige Web-Apps mit Authentifizierung, Datenmodellen, Medienverwaltung und mehr – dank Tools, die diese Dinge viel zugänglicher gemacht haben.
Die Vision von AWS Amplify setzt dies fort. Full-Stack-Apps sollten einfacher und schneller zu erstellen sein. Darüber hinaus kann es Teams helfen, besser zusammenzuarbeiten, insbesondere die Zusammenarbeit zwischen Designern und Entwicklern. Und schließlich sollten Sie keine Abstriche bei Leistung, Kontrolle oder Meinungen machen müssen.
AWS Amplify liefert all das. Sie erhalten die Leistung von allem, was AWS bietet, und können Produkte erstellen, deren Entwicklung Monate gedauert hätte, in Tagen.
AWS Amplify war schon immer ein nützliches Werkzeug, aber letztes Jahr hat es mit dem Start der Admin UI einen großen Sprung nach vorne gemacht. Es ist ein erstaunlicher Teil von Amplify, der ein selbst gehostetes Dashboard für Ihre Projekte bietet, das Ihnen eine visuelle Möglichkeit bietet, Daten zu modellieren, Ihre Authentifizierung zu orchestrieren und andere Aspekte Ihrer App auf eine Weise zu handhaben, die, offen gesagt, für Front-End-Entwickler wie mich sehr freundlich ist.
Jetzt machen sie *einen weiteren* großen Sprung nach vorne mit...
AWS Amplify Studio
Dies ist eine brandneue Veröffentlichung. AWS Amplify Studio ist ein evolutionärer Sprung der Admin UI. Es ist eine Umbenennung – Amplify Studio ist der neue Name für all das, einschließlich aller neuen Funktionen. Sie erstellen also weiterhin Ihr Datenmodell, gehen aber noch weiter, indem Sie Komponenten erstellen und anpassen (!!) und diese Komponenten mit realen Daten verbinden (!!!). Oh, und noch etwas: Diese Komponenten sind buchstäblich mit Figma verknüpft, sodass Designer Komponenten in Figma bearbeiten und sie als echte React-Komponenten in Studio zurücksynchronisieren können (!!!!).
Das einminütige Video ist hier sehenswert
Das Erstellen einer App von Grund auf ist extrem schnell, da AWS Amplify Studio Ihnen hilft, die App zu entwerfen.
AWS Amplify Studio ist außerhalb der AWS Management Konsole zugänglich, sodass Sie und Ihr Team sich anmelden und schnell loslegen können.
Das Modellieren von Daten ist eine visuelle Erfahrung und macht diese Art von Arbeit viel zugänglicher.
Das Verbinden von Daten mit Komponenten ist eine ebenso einfache Datenzuordnung.
Sie können auch mobile und Web-Apps mit Backends verbinden, die in AWS Amplify Studio erstellt wurden, indem Sie die Amplify Libraries für iOS, Android, Flutter, React Native und Web (JavaScript) verwenden.
Sie sind nicht allein bei der Erstellung dieser Komponenten, AWS Amplify Studio wird jetzt mit einer Reihe von vorgefertigten Komponenten geliefert, die Sie sofort verwenden können.
Es gibt Dutzende davon, von kleineren atomaren Elementen wie Schaltflächen über größere UI-Elemente wie Karten und Formulare bis hin zu großen Seitenabschnitten wie Kopfzeilen und Newsfeeds.
Beachten Sie, dass Sie zu AWS deployen müssen, um die UI-Bibliothek zu nutzen. Aber wahrscheinlich werden Sie das ohnehin tun, da der Sinn von Amplify darin besteht, die vollständige integrierte AWS-Erfahrung zu nutzen.
Die Komponenten werden auch als Figma-Vorlage bereitgestellt, die Sie (und das ist hier eine sehr beeindruckende neue Technologie) buchstäblich zwischen Figma und AWS Amplify synchron halten können. Das bedeutet, Sie ändern Designs in Figma und ziehen die aktualisierten Komponenten direkt in die App.
Verwalten und versenden Sie Ihre App
Sobald Sie bereit sind, Ihre App zu versenden, können Sie mit AWS Amplify Hosting deployen und hosten, was es Ihnen ermöglicht, jede React-, Vue- oder Next.js-Web-App mit integrierten CI/CD-Workflows (Continuous Integration/Continuous Deployment), Tests, Pull-Request-Vorschauen und benutzerdefinierten Domains zu deployen und zu hosten. Da AWS Amplify Studio außerhalb der AWS Management Konsole zugänglich ist, können Ihre Teammitglieder Benutzer und Gruppen, Anwendungs-Content und Dateien verwalten.
Sie können ganz einfach AWS-Dienste hinzufügen, die in AWS Amplify Studio nicht verfügbar sind, indem Sie das AWS Cloud Development Kit (CDK) verwenden. Wenn Ihr App-Backend beispielsweise eine SQS-Warteschlange zur Verarbeitung von Bestellabwicklungsereignissen benötigt, können Sie den Befehl amplify add custom ausführen, um jede Ressource aus mehr als 175 AWS-Diensten zu ihrer Amplify-App mit AWS CDK hinzuzufügen.
Mehr
Bleiben Sie dran für einen bevorstehenden Blog-Beitrag, der sich detaillierter mit der Figma-Integration und der Zusammenarbeit zwischen Designern und Entwicklern befasst.
- Mehr erfahren: AWS Amplify Studio
- Sehen Sie sich die Dokumentation an: AWS Amplify Framework Docs
- Loslegen: AWS Amplify Sandbox
- Lesen Sie den Start-Blogbeitrag: Figma to Fullstack React App With Minimal Programming
Und, brandaktuell