1 of 20
2 of 20
3 of 20
4 of 20
5 of 20
6 of 20
7 of 20
8 of 20
9 of 20
10 of 20
11 of 20
12 of 20
13 of 20
14 of 20
15 of 20
16 of 20
17 of 20
18 of 20
19 of 20
20 of 20

site

doc

blog

success stories

Crie uma aplicação JAMStack no Azion Cells com framework Flareact

Edit on GitHub

O JAMStack é um conjunto de melhores práticas e fluxos de trabalho para maximizar a eficiência da construção de sites. Milhões de programadores e empresas utilizam o JAMStack através de diferentes plataformas para executar projectos globais.

O Cells é o framework e runtime da Azion para aplicações serverless. Ao usá-lo, os clientes podem executar seu código em nossa Edge Network global – construída para aplicações edge-native, de latência ultrabaixa e para análise de dados em tempo real. Algumas de suas características incluem baixo impacto e baixo consumo de memória, principalmente quando comparado a Containers e outros serviços; além de um cold start time de zero, que o torna ideal para uso em IA, como reconhecimento facial e de objetos.

A Azion agora oferece suporte ao JAMStack usando o framework Flareact, uma ferramenta de linha de comando que constrói projetos Flareact direcionados às Edge Functions da Azion. Ele permite que você renderize suas aplicações React no edge e não no servidor. Ele também suporta roteamento de página baseado em arquivo, paths de página dinâmicos e APIs de busca de dados edge-side.

Veja abaixo como instalar, usar e publicar uma aplicação usando o framework Flareact.

  1. Instalar
  2. Usar
  3. Publicar

1. Instalar

Node.js

Certifique-se de baixar a versão nvm 14.18 do Node.js.

install nvm
nvm install v14.18 
nvm use v14.18

Azion CLI

Para prosseguir com este caso de uso, você precisará executar a Azion CLI. Você pode encontrar como fazer isso na página de documentação.

2 . Usar

Você deve executar os próximos comandos dentro de um projeto Flareact existente. Depois que a instalação estiver completa, proceda conforme a seguir:

  • Execute azioncli init --name "flareact-azion" --type flareact

Este comando instalará todas as bibliotecas e recursos necessários para executar o Flareact.js Framework na Azion e criará um diretório chamado azion.

Acesse o diretório azion. Em seguida, você precisa editar os seguintes arquivos:

  • Em webdev.env, você deve inserir AWS_ACCESS_KEY_ID e AWS_SECRET_ACCESS_KEY do seu S3 Storage.

    Importante: certifique-se de não versionar suas credenciais diretamente em seus arquivos. Você pode usar seu recurso VCS SECRETS para isso.

  • Em kv.json, você precisará inserir sua configuração do S3 da AWS.

    {
      "kv": {
        "bucket": "azion-flareact",
        "region": "us-east-1",
        "path": "__static_content"
    }
    

Após configurar o seu KV Storage, execute o seguinte comando:

  • Executeazioncli build

Então, a Azion CLI construirá a aplicação.

3. Publicar

O próximo passo é publicar sua aplicação no Real-Time Manager.

  • Execute azioncli publish

Publicar sua aplicação no Real-Time Manager através da Azion CLI criará uma Edge Application executando uma Edge Function com seu código. Ele também irá gerar um Domain para acessar sua aplicação.

Em seu terminal, a seguinte mensagem aparecerá:

  • Your Domain name: <edge_application_id>.map.azionedge.net

Você pode copiar e colar em seu navegador para acessar sua aplicação Flareact.


Não encontrou o que procurava? Abra um ticket.