Implementazione di app renderizzate lato server con Amplify Hosting

È possibile utilizzarla AWS Amplify per distribuire e ospitare app Web che utilizzano il rendering lato server (). SSR Amplify Hosting rileva automaticamente le applicazioni create utilizzando il framework Next.js e non è necessario eseguire alcuna configurazione manuale in. AWS Management Console

Amplify supporta anche qualsiasi framework SSR basato su Javascript con un adattatore di build open source che trasforma l'output di build di un'applicazione nella struttura di directory prevista da Amplify Hosting. Ad esempio, puoi distribuire app create con Nuxt, Astro e i framework installando gli adattatori disponibili. SvelteKit

Gli utenti esperti possono utilizzare le specifiche di distribuzione per creare un adattatore di build o configurare uno script post-build.

Puoi implementare i seguenti framework su Amplify Hosting con una configurazione minima.

Next.js

• Amplify supporta le applicazioni Next.js 14 senza la necessità di un adattatore. Per iniziare, consulta Supporto Amplify per Next.js.

Nuxt.js

• Amplify supporta le implementazioni di applicazioni Nuxt.js con un adattatore preimpostato. Per iniziare, consulta Supporto Amplify per Nuxt.js.

Astro.js

• Amplify supporta le distribuzioni di applicazioni Astro.js con un adattatore comunitario. Per iniziare, consulta Supporto Amplify per Astro.js.

SvelteKit

• Amplify SvelteKit supporta l'implementazione di applicazioni con un adattatore comunitario. Per iniziare, consulta Supporto Amplify per SvelteKit.

Adattatori open source

• Usa un adattatore open source: per istruzioni sull'uso di qualsiasi adattatore non presente nell'elenco precedente, consulta. Utilizzo di adattatori open source

• Crea un adattatore di framework: gli autori del framework che desiderano integrare le funzionalità fornite da un framework possono utilizzare le specifiche di implementazione di Amplify Hosting per configurare l'output della build in modo che sia conforme alla struttura prevista da Amplify. Per ulteriori informazioni, consulta Utilizzo della specifica di distribuzione di Amplify Hosting per configurare l'output della build.

• Configura uno script post-compilazione: puoi utilizzare le specifiche di distribuzione di Amplify Hosting per manipolare l'output della build secondo necessità per scenari specifici. Per ulteriori informazioni, consulta Utilizzo della specifica di distribuzione di Amplify Hosting per configurare l'output della build. Per vedere un esempio, consulta Distribuzione di un server Express utilizzando il manifesto di distribuzione.

Argomenti

• Supporto Amplify per Next.js
• Supporto Amplify per Nuxt.js
• Supporto Amplify per Astro.js
• Supporto Amplify per SvelteKit
• Implementa un'SSRapp su Amplify
• SSRfunzionalità supportate
• Prezzi delle app SSR
• Risoluzione dei problemi di implementazione SSR
• Avanzato: adattatori open source

Implementa un'SSRapp su Amplify

Puoi utilizzare queste istruzioni per distribuire un'app creata con qualsiasi framework con un pacchetto di distribuzione conforme all'output di build previsto da Amplify. Se stai distribuendo un'applicazione Next.js, non è necessario alcun adattatore.

Se stai distribuendo un'SSRapp che utilizza un adattatore di framework, devi prima installare e configurare l'adattatore. Per istruzioni, consulta Utilizzo di adattatori open source.

Per distribuire un'SSRapp su Amplify Hosting

1. Accedi AWS Management Console e apri la console Amplify.

2. Nella pagina Tutte le app, scegli Crea nuova app.

3. Nella pagina Inizia a creare con Amplify, scegli il tuo provider di repository Git, quindi scegli Avanti.

4. Nella pagina Aggiungi ramo del repository, procedi come segue:

   1. Seleziona il nome del repository da connettere.

   2. Seleziona il nome del ramo del repository da connettere.

   3. Seleziona Successivo.

5. Nella pagina delle impostazioni dell'app, Amplify rileva automaticamente le app Next.js. SSR

   Se stai distribuendo un'SSRapp che utilizza un adattatore per un altro framework, devi abilitare esplicitamente Amazon CloudWatch Logs. Apri la sezione Impostazioni avanzate, quindi scegli Abilita i log delle SSR app nella sezione Distribuzione Server-Side Rendering (). SSR

6. L'app richiede un ruolo IAM di servizio che Amplify assume per fornire i log al tuo. Account AWS

   La procedura per aggiungere un ruolo di servizio varia a seconda che si desideri creare un nuovo ruolo o utilizzarne uno esistente.

   • Per creare un nuovo ruolo:

     1. Scegli Crea e usa un nuovo ruolo di servizio.

   • Per utilizzare un ruolo esistente:

     1. Scegli Usa un ruolo esistente.

     2. Nell'elenco dei ruoli di servizio, seleziona il ruolo da utilizzare.

7. Seleziona Successivo.

8. Nella pagina Revisione, scegli Salva e distribuisci.