Como integrar o Console da Azion e a API da Azion usando o Console Kit
O Console Kit da Azion permite que você crie uma interface Azion personalizada para atender às necessidades do seu negócio. Neste guia, você aprenderá a mostrar mais informações da API da Azion no Console.
Para integrar APIs externas com a interface do Console da Azion, você pode criar um novo serviço Axios API em src/services/axios
, adaptar cada serviço conforme necessário e seguir as etapas abaixo.
Obtenha dados da API da Azion e mostre na interface do Console
Seção intitulada Obtenha dados da API da Azion e mostre na interface do ConsoleNeste exemplo, você modificará um serviço no Console para mostrar dois campos adicionais da API da Azion na tabela de configurações de cache da aplicação edge.
O objetivo é mostrar os valores TTL para cache do navegador e cache do edge, informados pelas propriedades browser_cache_settings_maximum_ttl
e cdn_cache_settings_maximum_ttl
na API de Cache Settings. Para fazer isso:
- Abra o projeto do Console Kit no seu IDE.
- Execute
azion dev
para inicializar um servidor de desenvolvimento local. - Na pasta
src/services
, localize olist-cache-settings-service.js
e adicione as novas propriedades ao mapa:
- Agora localize a list view Cache Settings e modifique-a da seguinte forma:
- No navegador, acesse o endereço localhost e navegue até a página Edge Applications.
- Crie uma edge application ou selecione uma existente.
- Navegue até a aba Cache Settings. Agora você deve ver as novas colunas aparecerem na interface.
- Depois de terminar, execute
azion deploy
para lançar as alterações no edge.
Você pode seguir o mesmo processo para mostrar valores adicionais da API, recuperando a propriedade usando o serviço e adicionando-a à tabela.
Contribuidores