Implantação de aplicações renderizadas do lado do servidor com o Amplify Hosting - AWS Amplify Hospedagem

As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.

Implantação de aplicações renderizadas do lado do servidor com o Amplify Hosting

Você pode usar AWS Amplify para implantar e hospedar aplicativos web que usam renderização do lado do servidor (). SSR O Amplify Hosting detecta automaticamente aplicações criadas usando o framework Next.js, e você não precisa realizar nenhuma configuração manual no AWS Management Console.

O Amplify também suporta qualquer SSR estrutura baseada em Javascript com um adaptador de compilação de código aberto que transforma a saída de compilação de um aplicativo na estrutura de diretórios que a Amplify Hosting espera. Por exemplo, você pode implantar aplicativos criados com o Nuxt, o Astro e as SvelteKit estruturas instalando os adaptadores disponíveis.

Usuários avançados podem usar a especificação de implantação para criar um adaptador de compilação ou configurar um script de pós-compilação.

É possível implantar as seguintes estruturas no Amplify Hosting com configuração mínima.

Next.js
Nuxt.js
  • O Amplify oferece suporte a implantações de aplicações Nuxt.js com um adaptador predefinido. Para começar, consulte o Suporte do Amplify para Nuxt.js.

Astro.js
  • O Amplify oferece suporte a implantações de aplicações Astro.js com um adaptador comunitário. Para começar, consulte o Suporte do Amplify para Astro.js.

SvelteKit
Adaptadores de código aberto

Implantando um SSR aplicativo no Amplify

É possível aplicar essas instruções para implantar uma aplicação criada com qualquer framework com um pacote de implantação que esteja em conformidade com a saída da compilação esperada pelo Amplify. Não será necessário usar nenhum adaptador se você estiver implantando uma aplicação Next.js.

Se você estiver implantando um SSR aplicativo que usa um adaptador de estrutura, primeiro instale e configure o adaptador. Para obter instruções, consulte Usando adaptadores de código aberto para qualquer estrutura SSR.

Para implantar um SSR aplicativo no Amplify Hosting
  1. Faça login no AWS Management Console e abra o console do Amplify.

  2. Na página Todas as aplicações, escolha Criar nova aplicação.

  3. Na página Comece a desenvolver com o Amplify, escolha seu provedor de repositório Git e escolha Avançar.

  4. Na página Adicionar ramificação do repositório, faça o seguinte:

    1. Selecione o nome do repositório a ser conectado.

    2. Selecione o nome da ramificação do repositório a ser conectada.

    3. Escolha Próximo.

  5. Na página de configurações do aplicativo, o Amplify detecta automaticamente os aplicativos Next.js. SSR

    Se você estiver implantando um SSR aplicativo que usa um adaptador para outra estrutura, você deve habilitar explicitamente o Amazon CloudWatch Logs. Abra a seção Configurações avançadas e escolha Habilitar registros de SSR aplicativos na seção Implantação do Server-Side Rendering () SSR.

  6. O aplicativo requer uma função IAM de serviço que o Amplify assume para entregar registros ao seu. Conta da AWS

    O procedimento para adicionar um perfil de serviço varia dependendo se você deseja criar um novo perfil ou usar um existente.

    • Para criar um novo perfil:

      1. Escolha Criar e usar um novo perfil de serviço.

    • Para usar um perfil existente:

      1. Escolha Usar um perfil existente.

      2. Na lista de perfis de serviço, selecione o perfil a ser usado.

  7. Escolha Próximo.

  8. Na página Revisar, escolha Salvar e implantar.