Como usar um bucket do Edge Storage como origem de uma edge application estática
Edge Storage da Azion permite que você crie buckets e os use como fonte de conteúdo através de Origins. Este guia abrange como criar e servir uma aplicação estática recuperada de um bucket do Edge Storage usando a API da Azion e o Azion Console.
saiba mais sobre Edge StorageConsulte os guias Como criar e modificar um bucket do Edge Storage para operações de bucket e Como fazer o upload e download de objetos de um bucket do Edge Storage para operações de objetos.
Criar um bucket e fazer upload de arquivos
Seção intitulada Criar um bucket e fazer upload de arquivosEsta seção descreve como você pode fazer upload de objetos para um bucket e manter a estrutura do projeto usando a API da Azion. Neste cenário, você criará uma aplicação estática usando dois arquivos, distribuídos em pastas da seguinte forma:
- Crie o seguinte arquivo
index.html
dentro de um diretório localsrc
:
- Agora crie o arquivo
style.css
, que é referenciado no HTML, sob a pastastyles
no mesmo diretório:
- Execute a seguinte requisição
POST
no seu terminal, substituindo[TOKEN VALUE]
pelo seu personal token ename
pelo nome desejado do bucket para criar um bucket de leitura e escrita:
- Você deverá receber a seguinte resposta:
-
Execute as seguintes requisições
POST
no seu terminal para cada arquivo, substituindo<nome_do_bucket>
pelo nome do bucket que você acabou de criar:- Para o arquivo
index.html
, execute o comando a seguir utilizandosrc/index.html
como a object key e adicionando o path do objeto como data:
- Para o arquivo
styles.css
, execute o seguinte comando utilizandosrc/styles/style.css
como a object key e adicionando o path do objeto como data:
- Para o arquivo
-
Você deverá receber as seguintes respostas para os arquivos:
Criando uma edge application e definindo a origem tipo Edge Storage
Seção intitulada Criando uma edge application e definindo a origem tipo Edge StorageAgora que seu bucket está populado com arquivos, você pode criar uma nova edge application e um domínio para definir o bucket como a origem do conteúdo e servir esses objetos.
Via Azion Console
Seção intitulada Via Azion ConsolePara facilitar esse processo, use o template Edge Application Proxy:
- Acesse o Azion Console.
- Se você ainda não tem uma conta, crie uma nova visitando a página de signup.
- Na página inicial, selecione a opção Start with a template.
- Encontre o card do Edge Application Proxy e selecione-o.
- Clique na aba Settings para abrir o formulário de configuração.
- Dê à sua application um nome fácil de lembrar.
- Em Origin Address, digite
httpbin.org
.- Esta origem é provisória e será substituída mais tarde por uma origem de Edge Storage.
- Em Route to bypass, digite
/
para especificar o caminho raiz da aplicação. - Aguarde o processo de deploy terminar.
- Copie o domínio da application, no formato
http://xxxxxxxxxx.map.azionedge.net/
.
Agora você precisa configurar uma nova origem tipo Edge Storage e determinar que sua aplicação deve recuperar o conteúdo do bucket e prefixo que você criou. Para fazer isso:
- Acesse o Azion Console > Edge Application.
- Clique na proxy edge application que você criou nos passos anteriores.
- Navegue até a aba Origins.
- Clique no botão Add Origin.
- Dê à sua origem um nome fácil de lembrar.
- Em Origin Type, selecione Edge Storage.
- Em Bucket Name, adicione o nome do bucket que você criou nos passos anteriores.
- Em Prefix, adicione
/src
, que é o prefixo que você adicionou às object keys enviadas anteriormente. - Clique no botão Save.
Para ativar a origem na sua edge application:
- Navegue até a aba Rules Engine.
- Selecione a Default Rule.
- Em Behaviors, no comportamento Set Origin, substitua a Default Rule pela origem que você criou para o seu bucket.
- Clique no botão Save.
- Aguarde algum tempo para que as mudanças se propaguem pelo edge.
Uma vez feitas as mudanças, acesse http://xxxxxxxxxx.map.azionedge.net/index.html
para visualizar o arquivo HTML que você fez upload com o estilo CSS aplicado.
Via API
Seção intitulada Via API- Execute a seguinte requisição
POST
no seu terminal, substituindo[TOKEN VALUE]
pelo seu personal token:
- Você deve receber uma resposta semelhante a:
- Copie o valor do campo
edge_application_id
e cole-o em um editor de texto para salvá-lo para requisições seguintes. - Execute a seguinte requisição
POST
no seu terminal, substituindo[TOKEN VALUE]
pelo seu personal token e<edge_application_id>
pelo ID da edge application que você criou:
- Você deve receber uma resposta semelhante a:
- Copie a URL no valor
domain_name
e cole-a em um editor de texto para acessar mais tarde. - Execute a seguinte requisição
POST
para criar uma origem de tipo Edge Storage para a application, substituindobucket
pelo nome do bucket que você criou:
- Você deve receber uma resposta semelhante a:
- Copie o valor do campo
origin_id
e cole-o em um editor de texto para salvá-lo para requisições seguintes. - Execute a seguinte requisição
GET
no seu terminal para recuperar o ID da default rule do Rules Engine da sua edge application, substituindo a variável<edge_application_id>
pelo ID da edge application que você copiou anteriormente:
- Você deve receber uma resposta semelhante a:
- Copie o valor do campo
rule_id
e cole-o em um editor de texto para salvá-lo para requisições seguintes. - Execute a seguinte requisição
PATCH
para modificar a regra padrão, substituindo<rule_id>
pelo ID da regra que você recebeu no passo anterior, deixando o objetoset_cache_policy
como recebido na resposta:
- Aguarde algum tempo para que as mudanças se propaguem.
Uma vez feitas as mudanças, acesse o domínio que você criou, no formato http://xxxxxxxxxx.map.azionedge.net/index.html
, para visualizar o arquivo HTML que você fez upload com o estilo CSS aplicado.
Contributors