FastStore WebOps é a ferramenta e interface projetada para orquestrar o ciclo de vida do storefront FS.
Acesse o WebOps pelo caminho
Storefront > FastStore WebOpsdo Admin VTEX
Na prática, busca facilitar:
- Setup do projeto
- Gerenciamento de deploys e chaves de aplicação
- Acompanhamento de performance (insights do Lighthouse)
- Integração com o repositório do código-fonte
Deploys e previews
Diferente do fluxo de desenvolvimento/testes típico do VTEX IO (baseado em workspaces), o WebOps opera exclusivamente no ambiente master e a segmentação do trabalho se dá pelas branches do Git.
Integração com GitHub
Durante o processo de setup, é necessário vincular o projeto a um repositório do GitHub, o que permite o funcionamento do pipeline de CI/CD com base nos commits feitos.
Por padrão, toda branch (exceto a de produção) aciona um deployment
staginge gera URL de preview ao receber commit. Assim, o status pode ser acompanhado individualmente ou no momento de abertura de um pull request (PR).
Uma vez que é feito o merge das alterações para a branch de produção (normalmente, main), automaticamente será feito o deploy para produção.
Para mais detalhes sobre a visualização dos deploys no WebOps, acesse aqui
Secrets
Na aba de Settings do painel do WebOps, é possível gerenciar (criar, atualizar ou excluir) secrets — informações sensíveis como chaves de APIs, senhas e tokens.
O WebOps se encarrega de encriptar as credenciais e provê-las consistentemente através dos deploys.
Durante o processo de build, as chaves definidas aqui são mapeadas para variáveis de ambiente no objeto process.env. Desta forma, a chave VTEX_APP_KEY deve ser acessada no código por meio de process.env.VTEX_APP_KEY.
Desenvolvimento local
Apesar dos registros no WebOps, ao desenvolver localmente, ainda é necessário manter um arquivo
vtex.envna raiz do projeto com os respectivos secrets para que seja possível acessá-los.O arquivo
vtex.envdeve sempre ser adicionado no.gitignore!
Para mais detalhes sobre a gestão dos secrets, acesse aqui