Erstellen einer Full-Stack-React-Anwendung

Implementierung

• Installieren der Amplify CLI

  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

  Code snippet copied

  Kopieren
• Konfigurieren der 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.
  

  amplify configure

  Code snippet copied

  Kopieren
• Initialisieren der Amplify-Anwendung

  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
  

  Code snippet copied

  Kopieren