AWS Verstärken, Macht die Erstellung Mobiler Apps Einfacher

0
34

AWS Verstärken, wird ein framework entwickelt, um das erstellen von web-und native Anwendungen viel einfacher. Es konzentriert sich auf eine voll integrierte backend-aus der box—läuft eine API und der Datenbank mit der Authentifizierung ist alles für Sie verarbeitet.

Was Ist AWS Verstärken?

Verstärken Sie nehmen nicht den Platz von einem Rahmen wie Reagieren—Sie sind frei zu verwenden, was frontend Sie wollen (obwohl, Reagieren, Reagieren Nativen, Vue, Android und iOS sind, am besten unterstützt mit spezifischen Bibliotheken). Verstärken Sie behandeln das backend, Dinge wie laufen eine API-server, das verwalten der Datenbank, und authentifizieren von clients.

Wenn Sie erstellen ein Projekt Verstärken, die backend-Ressourcen bereitgestellt hat, wird automatisch mit CloudFormation. Beim hinzufügen einer API, werden Sie einfach aufgefordert werden, definieren Sie das schema, und ein DynamoDB-Tabelle für Sie erstellt, mit der handler-Methoden für die Anmeldung, Abfragen und aktualisieren von Einträgen erzeugt werden, wie gut. Wenn Sie wollen, wickeln Sie ein Drittanbieter-state-management-tool wie Redux um zu Verstärken, das backend, können Sie das auch tun.

Für die Authentifizierung, Verstärken angeschlossen werden können Amazon Cognito, ein vielseitiges identity-management-service. Cognito verarbeiten kann, MFA, Benutzer anmelden, anmelden, directory-services und Verbund-logins zu sozialen Dienstleistern (Google, Facebook), oder sogar Ihre eigenen Active Directory-server über SAML.

Verstärken auch enthält ein UI-Bibliothek voll von nützlichen Komponenten, ähnlich wie Bootstrap. Allerdings Verstärken Sie in der UI-Bibliothek konzentriert sich auf die funktionale fließt, wie Benutzer registrieren und anmelden, Foto hochladen und AWS-Lex-powered chatbots. Mithilfe der Authentifizierung, zum Beispiel, stellen Sie die Verbindung Ihrer app zu Verstärken, die auth-backend (Cognito) viel einfacher.

Man kann natürlich, verlängern Sie diese mit Ihrem eigenen code und Farben, wenn Sie nicht gerade ein fan von AWS-iconic orange.

Erste Schritte

Wenn Sie möchten, zu hüpfen und zu spielen, um mit Verstärken, setup ist ziemlich einfach. Installieren Sie das Verstärken CLI weltweit von npm:

npm install-g @aws-Verstärkung/cli

Für die eigentliche Anwendung, wir werden bootstrap eine grundlegende app Reagieren mit Reagieren, eigene erstellen-reagieren-app-starter-Vorlage:

npx erstellen-reagieren-app verstärken

cd in diesen neuen Ordner, und installieren Sie Verstärken als npm-Abhängigkeit:

npm install @aws-Verstärkung/api @aws-Verstärkung/pubsub

Führen Sie npm starten, und Sie sollten sehen, die Spinnen Reagieren-logo in Ihrem browser öffnen.

Wenn Sie Gebrauch davon machen wollen, Verstärken Sie die optionale UI-Bibliothek ist als separates Paket für Reagieren:

npm installieren aws-verstärken-reagieren

Sobald alles installiert ist, client-Seite, können Sie Ihr Projekt Verstärken mithilfe der CLI:

verstärken init

Dieser wird Sie bitten, für ein wenig Informationen, wie den Namen der Umgebung (dev, prod, etc.), die Art von app, die Sie erstellen (JavaScript, Reagieren in der Muttersprache), und die source-und build-Konfiguration. Geben Sie in der alles wie notwendig und zu Verstärken, wird eine zweite, um deine backend.

Dies wird hook up Verstärken, um die AWS-Konsole, aber Sie haben zu tun, einige weitere setup, um die API und läuft.

Hinzufügen Einer API

Einrichten Verstärken die API-backend, ausgeführt:

verstärken hinzufügen api

Dieser wird Sie bitten, ein paar Fragen, die erste ist Ihre API geben. Wenn Sie verwenden wollen ein GraphQL-oder Rest-API, du musst machen, dass hier die Wahl. Wir gehen mit GraphQL.

Sie müssen auch wählen Sie ein Authentifizierungsschema—wenn du nur testen Dinge aus, Sie können wählen Sie API-Schlüssel zur Authentifizierung in der Entwicklung. In der Produktion, obwohl, werden Sie wahrscheinlich wollen, um set-up AWS Cognito für Benutzer management und verknüpfen Sie Sie, um zu Verstärken, was die empfohlene auth-Schema Verstärken apps.

Sie werden aufgefordert, definieren Sie das schema für Ihr API, die öffnet sich in Ihrem Standard-text-editor. Verstärken Sie verwenden diese, um Sie zu konfigurieren DynamoDB.

Wenn das einmal eingerichtet, laufen verstärken drücken Sie zum senden der änderungen an die cloud. Verstärken Sie bitten, wenn Sie möchten, es zu schaffen, die GraphQL Funktionen für die Interaktion mit der API, die automatisch die Methoden für Abfragen, Abonnements und Mutationen.

Das erste mal, wenn Sie drücken, wird eine DynamoDB-Tabelle bereitgestellt wird und automatisch konfiguriert. Sie können die Tabelle selbst aus der Amplify-Konsole:

Aber wenn Sie wollen, um änderungen am schema vorgenommen haben, müssen Sie dies über die Konsole. Verstärken der back-End-Konfiguration ist gespeichert in:

Projekt/verstärken/backend/

mit der API-Konfiguration, gespeicherte api/verstärken. Wenn Sie die änderungen, und führen Sie verstärken erneut drücken, wird es änderungen an den CloudFormation-stack.

Verwenden Sie Ihren API -, Sie können import-PubSub von Amplify und es konfigurieren, um die Konfiguration zu verwenden, die Verstärken platziert src/aws-exports.js

import-API, { graphqlOperation } von ‘@aws-Verstärkung/api’;
import PubSub von ‘@aws-Verstärkung/pubsub’;

import awsconfig von ‘./aws-Export’;

// Konfigurieren Verstärken
API.konfigurieren(awsconfig);
PubSub.konfigurieren(awsconfig);

Sie können dann die API-Objekt-verbindungen zu machen. Zum Beispiel, wenn Sie GraphQL, können Sie importieren die mutation Methoden und rufen Sie einen von Ihnen über eine API.graphql(Methode):

import { createTodo } from ‘./graphql/Mutationen’;

async-Funktion createNewTodo() {
const todo = { name: “new-item” , Beschreibung: “Hallo, Verstärken!” };
warten API.graphql(graphqlOperation(createTodo, { input: todo }));
}

Veröffentlichen Sie Ihre App Verstärken

Sie sind frei zu verteilen Verstärken app aber Sie sehen, passen, aber wenn Sie die Veröffentlichung einer web app, Verstärken Sie enthält einige eingebaute Funktionen automatisch bereitstellen der app auf S3. Die Standard-option ist für eine dev-Umgebung kein HTTPS, aber es kann so konfiguriert werden, um CloudFront als gut. Eine alternative dazu wäre die Einrichtung eines automatisierten S3 deployment-pipeline vom CodePipeline, oder einfach hosten es auf einem vorhandenen web-server statt.

Wenn Sie bereitstellen möchten, S3, fügen Sie einfach die web-hosting-feature von der CLI:

amplify hosting hinzufügen

Sie werden gefragt, ob Sie bereitstellen dev oder prod, und bitten Sie für die index-und Fehlerseiten für Ihre Website. Einmal konfiguriert ist, führen Sie verstärken veröffentlichen, um ein neues CloudFormation-stack.

Ihr browser öffnet die neue Endpunkt für die app, die Sie hinzufügen können, um Ihre DNS mit CNAME-Eintrag oder eine Route 53 Eimer Alias.