Erste Schritte mit AWS

Erstellen einer Full-Stack-React-Anwendung

Erstellen Sie eine einfache Web-Anwendung mit AWS Amplify

Modul 2: Initialisieren einer lokalen Amplify-Anwendung

In diesem Modul werden Sie die Amplify CLI installieren und konfigurieren.

Übersicht

Nun, da wir ein neues Amplify-Projekt in unserem Konto initialisiert haben, wollen wir es in unsere lokale Umgebung übertragen, damit wir die Entwicklung fortsetzen und neue Features hinzufügen können.

In diesem Modul installieren Sie die Amplify CLI und initialisieren das Amplify-Projekt unter Verwendung der CLI.

Was Sie erreichen werden

In diesem Modul werden Sie Folgendes lernen:
  • Die Amplify CLI installieren und konfigurieren
  • Initialisieren der Amplify-Anwendung

Wichtige Konzepte

Amplify CLI – Mit der Amplify CLI können Sie AWS-Services direkt von Ihrem Terminal aus erstellen, verwalten und entfernen.

 Benötigte Zeit

5 Minuten

 Verwendete Services

Implementierung

  • Die Amplify-Befehlszeilenschnittstelle (CLI) ist eine einheitliche Toolchain zur Erstellung von AWS-Cloud-Services für Ihre Anwendung, die einem einfachen, geführten Workflow folgt. Lassen Sie uns fortfahren und die Amplify CLI über die Eingabeaufforderung (Windows) oder das Terminal (MacOS) installieren. Hinweis: Dieser Befehl kann in einem beliebigen Verzeichnis in Ihrer Eingabeaufforderung/Ihrem Terminal ausgeführt werden, da das "-g" anzeigt, dass die Binärdatei global auf Ihrem System installiert wird.

    npm install -g @aws-amplify/cli
  • Mit AWS Identity and Access Management (IAM) können Sie Benutzer und Benutzerberechtigungen in AWS verwalten. Die CLI verwendet IAM, um Services programmatisch in Ihrem Namen über die CLI zu erstellen und zu verwalten.

    Um die CLI zu konfigurieren, führen Sie den Befehl konfigurieren aus. Eine Videoanleitung für den CLI-Konfigurationsprozess finden Sie weiter unten unter Installation und Konfiguration der AWS Amplify CLI.

    Installation und Konfiguration der AWS Amplify CLI
    amplify configure
  • Als Nächstes werden wir ein Backend bereitstellen und die Backend-Umgebung lokal initialisieren.

    a. Wählen Sie in der Amplify-Konsole Backend-Umgebungen und dann Erste Schritte aus. Warten Sie, bis das Backend bereitgestellt ist.

    b. Wählen Sie auf der Registerkarte Backend-Umgebungen die Option Studio starten aus.

    c. Kehren Sie zur Registerkarte Backend-Umgebungen zurück und erweitern Sie den Abschnitt Anweisungen zur lokalen Einrichtung. Kopieren Sie den Befehl in Ihre Zwischenablage und öffnen Sie das Terminal auf Ihrem Computer.

    d. Fügen Sie den Befehl in Ihr Terminal ein und folgen Sie den Anweisungen zur Einrichtung.

    ? Choose your default editor: Visual Studio Code
    ? Choose the type of app that you're building javascript
    ? What javascript framework are you using react
    ? Source Directory Path:  src 
    ? Distribution Directory Path: build
    ? Build Command:  npm run-script build
    ? Start Command: npm run-script start
    ? Do you plan on modifying this backend? Y
    

Zusammenfassung

Sie haben das Amplify-Projekt initialisiert und sind nun bereit, mit dem Hinzufügen von Features zu beginnen. Im nächsten Modul fügen wir einen kompletten Benutzerauthentifizierungsfluss mit nur wenigen Codezeilen hinzu.

Um Ihr Amplify-Projekt jederzeit im Dashboard anzuzeigen, können Sie jetzt den folgenden Befehl ausführen:

amplify console
? Which site do you want to open? AWS console

War diese Seite hilfreich?

Authentifizierung hinzufügen