View a markdown version of this page

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 os aplicativos criados usando a Next.js estrutura e você não precisa realizar nenhuma configuração manual no. Console de gerenciamento da AWS

O Amplify também oferece suporte a qualquer framework SSR baseado em Javascript com um adaptador de compilação de código aberto que transforme a saída de compilação de uma aplicação na estrutura de diretórios esperada pelo Amplify Hosting. 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
Astro.js
SvelteKit
Adaptadores de código aberto

Implantação de uma aplicação SSR 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. Se você estiver implantando um Next.js aplicativo, nenhum adaptador será necessário.

Se estiver implantando uma aplicação de SSR que use um adaptador de framework, primeiro será necessário instalar e configurar o adaptador. Para instruções, consulte Uso de adaptadores de código aberto para qualquer estrutura SSR.

Para implantar uma aplicação de SSR no Amplify Hosting
  1. Faça login no Console de gerenciamento da AWS 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 Next.js automaticamente os aplicativos SSR.

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

  6. A aplicação precisará de um perfil de serviço do IAM que o Amplify assumirá para entregar os logs à sua 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.