Skip to content
Snippets Groups Projects
Commit 8713c4e5 authored by j-armenio's avatar j-armenio
Browse files

add: 'Desenvolvimento frontend remoto'

parent 9945699a
No related branches found
No related tags found
No related merge requests found
......@@ -15,7 +15,7 @@ Para não colocar o plugin em `/tmp` crie um diretório que fica fora da raiz do
Siga o tutorial até a parte que ele pede para executar `npm run dev-server`. Sim, vamos rodar local o superset-frontend (mas apenas ele, o backend e banco ainda vão estar no docker). Para que o superset não crie o serviço webpack no docker precisamos marcar a flag `BUILD_SUPERSET_FRONTEND_IN_DOCKER=false` e depois executar o `docker compose up` na raiz do projeto. Após subir o docker podemos rodar `npm run dev-server`.
Baseado no que já vimos de [como rodar o frontend local](/Criacao_teste_producao_do_frontend.md) você pode escolher como quer rodar
Baseado no que já vimos de [como rodar o frontend local](https://gitlab.c3sl.ufpr.br/simcaq/depp-documentation/-/blob/main/Apache%20Superset/Criacao_teste_producao_do_frontend.md) você pode escolher como quer rodar
- `npm run dev`: Sem servidor webpack
- `npm run dev-server`: Com servidor webpack
......
# Desenvolvimento frontend remoto
---
No momento a melhor solução que encontramos para o desenvolvimento usando Superset é: rodar o frontend local nas máquinas de cada dev, conectados ao backend de uma VM de desenvolvimento.
Aqui será passado apenas um passo-a-passo de como configurar e conectar com o Superset remoto, para a explicação do funcionamento acesse [Criação, teste e produção frontend Superset](gitlab.c3sl.ufpr.br/simcaq/depp-documentation/-/blob/main/Apache%20Superset/Criacao_teste_producao_do_frontend.md).
## Instalação, conexão e configuração do Superset remoto
---
#### 1. Programas necessários
Verifique se os seguintes programas estão instalados:
* git
* nvm
* node (usando nvm)
#### 2. Baixe o Superset
Faça a clonagem do repositório do [Superset do depp](gitlab.c3sl.ufpr.br/simcaq/superset) presente no gitlab, que é um fork do repositório oficial.
```shell
git clone git@gitlab.c3sl.ufpr.br:simcaq/superset.git
```
#### 3. Configurar ambiente Node
Para confirmar que você está usando as versões corretas do `Node.js`(v.20) e do `npm`(v.10) usamo o nvm para versionamento.
```shell
# Saindo do diretório raiz
cd superset-frontend
nvm install --lts
nvm use --lts
```
#### 4. Instalar dependências
Instale as dependências listadas no `package.json`.
```shell
# No diretório superset-frontend
npm ci
```
> :warning: Caso o `package-lock.json` não esteja sincronizado com o `package.json` vai dar erro, nesse caso é necessário dar um `npm install` antes para atualizar a lista de dependências.
#### 5. Rodar o frontend local conectado ao remoto
```shell
npm run dev-server -- --env=--superset=http://endereco_maquina:porta
```
* Espere o webpack terminar de compilar, em seguida, entre no link disponível pelo **IPv4**.
> :warning: Pode ser necessário rodar alguns desses comandos usando `sudo`.
# Dev Front Remoto
---
No momento a melhor solução que encontramos para o desenvolvimento usando Superset é: rodar o frontend local nas máquinas de cada dev, conectados ao backend de uma VM de desenvolvimento.
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment