Bereitstellung serverseitig gerenderter Anwendungen mit Amplify Hosting - AWS Amplify Hosten
Eine SSR App auf Amplify bereitstellen

Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

Bereitstellung serverseitig gerenderter Anwendungen mit Amplify Hosting

Sie können AWS Amplify damit Web-Apps bereitstellen und hosten, die serverseitiges Rendern (SSR) verwenden. Amplify Hosting erkennt automatisch Anwendungen, die mit dem Framework Next.js erstellt wurden, und Sie müssen keine manuelle Konfiguration in der AWS Management Console vornehmen.

Amplify unterstützt auch jedes Javascript-basierte SSR Framework mit einem Open-Source-Build-Adapter, der die Build-Ausgabe einer Anwendung in die Verzeichnisstruktur umwandelt, die Amplify Hosting erwartet. Sie können beispielsweise Apps bereitstellen, die mit den SvelteKit Frameworks Nuxt, Astro und Nuxt erstellt wurden, indem Sie die verfügbaren Adapter installieren.

Fortgeschrittene Benutzer können die Bereitstellungsspezifikation verwenden, um einen Build-Adapter zu erstellen oder ein Post-Build-Skript zu konfigurieren.

Sie können die folgenden Frameworks mit minimaler Konfiguration für Amplify Hosting bereitstellen.

Next.js
Nuxt.js
Astro.js
SvelteKit
Open-Source-Adapter
Themen

Eine SSR App auf Amplify bereitstellen

Sie können diese Anweisungen verwenden, um eine App bereitzustellen, die mit einem beliebigen Framework erstellt wurde, mit einem Bereitstellungspaket, das der von Amplify erwarteten Build-Ausgabe entspricht. Wenn Sie eine Next.js -Anwendung bereitstellen, ist kein Adapter erforderlich.

Wenn Sie eine SSR App bereitstellen, die einen Framework-Adapter verwendet, müssen Sie zuerst den Adapter installieren und konfigurieren. Detaillierte Anweisungen finden Sie unter Verwendung von Open-Source-Adaptern für jedes SSR Framework.

Um eine SSR App für Amplify Hosting bereitzustellen

  1. Melden Sie sich bei der an AWS Management Console und öffnen Sie die Amplify-Konsole.

  2. Wählen Sie auf der Seite „Alle Apps“ die Option Neue App erstellen aus.

  3. Wählen Sie auf der Seite Start building with Amplify Ihren Git-Repository-Anbieter aus und klicken Sie dann auf Weiter.

  4. Gehen Sie auf der Seite Repository-Zweig hinzufügen wie folgt vor:

    1. Wählen Sie den Namen des Repositorys aus, zu dem Sie eine Verbindung herstellen möchten.

    2. Wählen Sie den Namen des Repository-Zweigs aus, zu dem eine Verbindung hergestellt werden soll.

    3. Wählen Sie Weiter.

  5. Auf der Seite mit den App-Einstellungen erkennt Amplify automatisch SSR Apps von Next.js.

    Wenn Sie eine SSR App bereitstellen, die einen Adapter für ein anderes Framework verwendet, müssen Sie Amazon CloudWatch Logs explizit aktivieren. Öffnen Sie den Abschnitt Erweiterte Einstellungen und wählen Sie dann im Abschnitt Serverseitiges Rendering (SSR) Deployment die Option SSRApp-Logs aktivieren aus.

  6. Für die App ist eine IAM Servicerolle erforderlich, die Amplify für die Bereitstellung von Protokollen an Ihre AWS-Kontoübernimmt.

    Das Verfahren zum Hinzufügen einer Servicerolle hängt davon ab, ob Sie eine neue Rolle erstellen oder eine bestehende verwenden möchten.

    • Um eine neue Rolle zu erstellen:

      1. Wählen Sie Neue Servicerolle erstellen und verwenden aus.

    • Um eine bestehende Rolle zu verwenden:

      1. Wählen Sie Eine bestehende Rolle verwenden aus.

      2. Wählen Sie in der Liste der Servicerollen die zu verwendende Rolle aus.

  7. Wählen Sie Weiter.

  8. Wählen Sie auf der Seite Überprüfen die Option Speichern und bereitstellen aus.