# Como implantar o template Static Cache

import Tag from '~/components/webkit/Tag.vue';
import DocButton from '~/components/webkit/DocButton.vue';


<Tag severity="info">
Preview
</Tag>

O template **Static Cache** inclui configurações que otimizam a entrega e o desempenho de conteúdo estático, como JavaScript, CSS e outros arquivos estáticos. Essas configurações usam regras avançadas de cache key que são aplicadas por meio do **Rules Engine para Applications**.

Você deve vincular sua origem ao template para começar a usar este conjunto de regras de cache para entrega. Após o deployment, o script cria uma nova application que é executada na Azion Web Platform, com a qual você pode gerenciar e ajustar as configurações.

Este template:

- Respeita as configurações de cache da origem (ou usa um TTL padrão para cache).
- Fornece regras que alteram as configurações de cache para arquivos estáticos com base na extensão do arquivo do conteúdo solicitado, suportando os métodos **GET**, **HEAD** e **OPTIONS**.

---

## Pré-requisitos

- O template usa [Application Accelerator](/pt-br/documentacao/produtos/build/applications/application-accelerator/) e [Functions](/pt-br/documentacao/produtos/build/applications/functions/). Isso pode gerar custos relacionados ao uso. Consulte a [página de preços](/pt-br/documentacao/produtos/precos/) para mais informações.

---

## Implante o template

Você pode obter e configurar seu template pelo Azion Console. Para implantá-lo facilmente no edge, clique no botão abaixo.

  <DocButton
    label="Implantar"
    href="https://console.azion.com/create/azion/static-cache"
    icon="ai ai-azion"
    size="medium"
  />

---

## Configure o template

No formulário de configuração, forneça as informações para configurar sua aplicação. Preencha os campos apresentados.

Os campos identificados com asterisco são obrigatórios.

- **Application Name** *: o nome da sua application na Azion.
    - Digite um nome único e fácil de lembrar. Se o nome já tiver sido usado, a plataforma retornará uma mensagem de erro.
- **Origin Address** *: o endereço da origem de onde a application deve buscar o conteúdo original.
    - Exemplo: `www.yourwebsite.com`
- **Custom Host Header**: em alguns casos, pode ser necessário adicionar informações do host no cabeçalho da solicitação para recuperar informações da origem. Esta variável é usada para esse propósito.
    - Exemplo: `${host}`. Saiba mais sobre o host header e como customizá-lo no [documentação de Origins](/pt-br/documentacao/produtos/build/applications/origins/#host-header).
- **Static files extensions to cache** *: as extensões de arquivos estáticos para as regras estáticas, separadas por uma vírgula. Você pode adicionar quantas variáveis precisar, com base no exemplo.
    - Exemplo: `aif,aiff,au,avi,bin,cab,carb,cct,cdf,class,doc`
- **CDN Static Maximum TTL** *: o TTL (time-to-live) máximo, em segundos, para o conteúdo em cache ser entregue.
    - Aceita valores entre `0` e `31536000`. Valor padrão: `1296000`
- **Browser Static Maximum TTL** *: o TTL (time-to-live) máximo, em segundos, para conteúdo armazenado em cache no navegador.
    - Aceita valores entre `0` e `31536000`. Valor padrão: `0`

Depois de preencher todas as informações, clique no botão **Deploy**, localizado no canto inferior direito.

Durante a implantação, você poderá acompanhar o processo através de uma janela mostrando os logs. Quando estiver concluída, a página mostra informações sobre a aplicação e algumas opções para continuar sua jornada.

:::note
O link para sua application permite que você veja como ela fica no navegador. No entanto, leva um certo tempo para propagar e configurá-la nas edge locations da Azion. Pode ser necessário aguardar alguns minutos para que a URL seja ativada e para que a página da aplicação seja efetivamente exibida no navegador.
:::

---

## Gerencie o template

Considerando que essa configuração inicial pode não ser ideal para sua aplicação, todas as configurações podem ser personalizadas sempre que você precisar usando o Azion Console.

Para gerenciar e editar as configurações da sua aplicação, siga estas etapas:

1. [Acesse o Azion Console](https://console.azion.com).
2. No canto superior esquerdo, selecione **Products menu** > **Applications**.
- Você será redirecionado para a página de **Applications**. Ela lista todas as applications que você criou.
3. Encontre a aplicação relacionada ao **Static Cache** e selecione-a.
- A lista é organizada em ordem alfabética. Você também pode usar a **barra de busca** localizada no canto superior esquerdo da lista; atualmente, ela é filtrada apenas pelo **Application Name**, ou nome da application.

Depois de selecionar a aplicação em que você trabalhará, você será direcionado para uma página que contém todas as configurações que você pode ajustar.

:::tip
Leia a documentação sobre o [gerenciamento de applications](/pt-br/documentacao/produtos/build/applications/primeiros-passos/) e [como configurar políticas de cache para Applications](/pt-br/documentacao/produtos/guias/cache-settings/) para obter mais detalhes.
:::

---