Console Kit

Descubra o Azion Console Kit um ambiente de desenvolvimento front-end com Vue/Vite e Tailwind, ideal para personalizar e integrar interfaces de Edge Computing.

Ver como Markdown

O Console Kit da Azion é um kit de desenvolvimento front-end usado para criar uma interface personalizada do Console da Azion. Foi desenvolvido com os frameworks Vue/Vite e Tailwind, além da biblioteca de componentes PrimeVue. Este kit é construído sobre a API da Azion e suporta multi-tenancy, permitindo integração da Azion Web Platform com as suas próprias APIs.

Você pode usar o Console Kit para fornecer uma experiência personalizada para os desenvolvedores, criando seu próprio tema ou reorganizando os componentes da UI de acordo com as necessidades do seu negócio. O Console Kit possui uma estrutura simples e organizada com separação em camadas de blocos, componentes e serviços, promovendo uma base de código limpa e gerenciável.

O Console Kit está disponível no repositório do Github.

Implementação

Verifique a lista completa de requisitos e guias de instalação e configuração no repositório do Console Kit no GitHub.

Pré-requisitos

  1. Instale o Node.js fazendo o download do executável.
  2. Abra um terminal e execute o seguinte comando para verificar as versões dos pacotes instalados.
npm -v && node -v

Você pode precisar de uma versão anterior do Node.js. Para fazer isso, execute:

sudo npm install -g n && n 18.16.1

  1. Agora execute o seguinte comando para instalar o gerenciador de pacotes Yarn:
npm install -g yarn

Configure um projeto

  1. Para criar sua própria versão do Azion Console, faça um fork (bifurcação) do repositório para a sua conta.
  2. Na página inicial do repositório bifurcado, clique em Code e copie o URI git HTTPS.
  3. Abra o seu terminal e cole o URI do repositório através do seguinte comando, certificando-se de que você tem o Git instalado:
git clone https://github.com/your-username/azion-console-kit.git
  1. Navegue até a pasta do Console Kit:
cd azion-console-kit
  1. Execute o seguinte comando para atualizar o projeto:
yarn install

Este comando deve ser executado periodicamente para garantir que todas as dependências estejam atualizadas.

  1. Execute este comando para iniciar o projeto localmente:
yarn dev --host

Configure as variáveis de ambiente

Para uma configuração mais rápida, gere um personal token no Azion Console da Azion e salve em um arquivo .env.development:

echo 'VITE_PERSONAL_TOKEN=PERSONALTOKEN' > .env.development

Por padrão, o Azion Console Kit usa o stack STAGE para se conectar com as APIs da Azion. Para apontar sua aplicação para PRODUCTION, adicione o seguinte comando no arquivo .env.development:

.env.development
VITE_ENVIRONMENT='PRODUCTION'

Rode o Console Kit no edge

O Azion Console Kit pode ser executado nativamente no edge da Azion usando a Azion CLI (versão >= 0.70.0). Para fazer isso, siga estes passos:

  1. Baixe e instale a Azion CLI usando o método de sua preferência.
  2. Configure seu personal token na CLI:
azion --token PERSONAL_TOKEN
  1. Execute o seguinte comando com privilégios sudo:
azion link
  1. Responda aos prompts conforme necessário.
  2. Quando o deploy de sua aplicação finalizar, a CLI entregará um Workload no formato https://xxxxxxxxxx.map.azionedge.net com o projeto Console Kit em execução.

Casos de uso

Consulte os guias abaixo para obter mais informações sobre casos de uso do Console Kit: