# Deploy do Static Cache + Videoteca Player

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

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

O template **Static Cache + Videoteca Player** melhora a entrega e o desempenho de conteúdo estático e dinâmico com base nas extensões de arquivo. Ele implementa a integração **Videoteca Player** da Azion para facilitar a hospedagem do seu player Videoteca do Videofront via incorporação de iframe.

A implantação deste template cria um repositório no GitHub contendo seu projeto, bem como uma application com várias configurações de cache e uma rota pré-configurada para lançar a function do Videoteca Player, além de um domínio para facilitar seu acesso e gerenciamento através da Azion Web Platform.

---

## Pré-requisitos

- Uma [conta no GitHub](https://github.com/signup) para conectar-se à Azion e criar seu novo repositório.
    - Cada push será implantado automaticamente neste repositório para manter seu projeto atualizado.
- A [integração do Videoteca Player](/pt-br/documentacao/produtos/guias/videofront-player/) instalada e configurada em sua conta Azion.
- Este template utiliza [Application Accelerator](/pt-br/documentacao/produtos/build/applications/application-accelerator/), [Functions](/pt-br/documentacao/produtos/build/applications/functions/), [Image Processor](/pt-br/documentacao/produtos/build/applications/image-processor/) e [Cache](/pt-br/documentacao/produtos/build/applications/cache/), e pode gerar custos relacionados ao uso. Consulte a [página de preços](https://www.azion.com/pt-br/precos/) para mais informações.

---

## Implante o template

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

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

---

## Configure o template

No formulário de configuração, você deve fornecer as informações para configurar sua aplicação. Preencha os campos apresentados. 

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

1. Defina um nome para sua application.
    - O bucket para armazenamento e a function usarão o mesmo nome.
    - Use um nome único e fácil de lembrar. Se o nome já tiver sido usado, a plataforma retornará uma mensagem de erro.
2. Preencha os campos adicionais com as informações necessárias para configurar a **integração Videoteca Player**.
    - `Origin Address`: o nome do domínio ou endereço IP da sua origem.
    - `Custom Host Header`: valor personalizado para o cabeçalho `host`. Deixe em branco para usar o mesmo endereço do campo anterior. Leia mais sobre o cabeçalho host e como personalizá-lo na documentação sobre [origens](/pt-br/documentacao/produtos/build/applications/origins/#host-header).
    - `Videoteca Player Path`: o caminho para o player Videoteca. Exemplo: `/player`.
    - `Videoteca Username`: o nome de usuário da conta Videoteca.
    - `Videoteca API Token`: o token da API Videoteca.

:::note
Você precisa recuperar suas credenciais da sua **Conta Videoteca**. Você pode obter seu token em `https://<SEU-USUÁRIO>.videotecaead.com.br/Apidoc` substituindo `<SEU-USUÁRIO>` pelo seu `nome de usuário`.
:::

3. Clique no botão **Deploy** para iniciar o processo de implantação.

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

:::note
O link para a application permite que você a veja no navegador. No entanto, leva um certo tempo para propagar e configurar a aplicação nas edge locations da Azion. Pode ser necessário esperar 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 ótima para sua application específica, todas as configurações podem ser personalizadas a qualquer momento que você precise, usando a plataforma da Azion.

Para gerenciar e editar as configurações da sua application, siga esses passos:

1. [Acesse o Azion Console](https://console.azion.com).
2. No canto superior esquerdo, selecione **Products Menu**, o ícone de três linhas horizontais, > **Applications**.
    - Você será redirecionado para a página **Applications**. Ela lista todas as application que você criou.
3. Encontre a application relacionada ao seu template e selecione-a.
    - A lista está organizada alfabeticamente. Você também pode usar a **barra de busca** localizada no canto superior esquerdo da lista; atualmente, ela filtra apenas pelo campo **Application Name**.

Depois de selecionar a application que você trabalhará, você será direcionado para uma página contendo todas as configurações que você pode ajustar.

:::tip
Leia a documentação sobre [gerenciamento de application](/pt-br/documentacao/produtos/build/applications/primeiros-passos/) para mais detalhes.
:::

### Adicione um domínio personalizado

A application criada durante a implantação tem um Azion Workload Domain atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: `xxxxxxxxxx.map.azionedge.net/`. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua application através dele.

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

<DocButton href="/pt-br/documentacao/produtos/guias/configurar-dominio/" label="ir para o guia de configuração de domínio" kind="secondary" size="medium" />