Publicando Angular, React e Vue

De Wiki Integrator do Brasil
Ir para: navegação, pesquisa

Para publicar um site em Angular, React e Vue, e ao mesmo tempo integrar a sua API, siga atentamente a orientação abaixo:

Local do build

Digamos que seu site seja www.dominio.com.br. Esse site tem um diretório principal padrão chamado public_html. Não é obrigatório isso e depende da criação do domínio no painel. Você pode definir o diretório que quiser quando adiciona o domínio.

Dentro desse local, deve colocar o build do seu aplicativo. Esse build, quando gera, tem um arquivo index.html (o primeiro) e demais em CSS/JS que ficam em subdiretórios.


Os arquivos CSS e JavaScript

Nos arquivos CSS e JavaScript, geralmente o padrão é ter um caminho no desenvolvimento como /js/arquivo.js ou /css/arquivo.css. Dependendo de como fez a aplicação, tem que mudar nas configurações para que seu build gere da seguinte forma:

./js/arquivo.js ou apenas js/arquivo.js ( o mesmo nos arquivos CSS ).

Essa mudança é fundamental porque o caminho / não costuma ser uma rota dentro do seu aplicativo por default, pois se tratam de arquivos estáticos.


Deploy do backend

Uma vez colocado o front, vem o backend. Esse você faz o deploy no painel Integrator Java EE , Integrator Spring Boot Standalone ou no Integrator Node.js , dependendo de como fez as rotas, coloque em um subdomínio, algo como:

https://api.dominio.com.br.

A rota de todo desenvolvimento costuma ser /ALGUMA-COISA, por conta do rest. Dessa forma, seu aplicativo tem que chamar um login, seria algo como:

https://api.dominio.com.br/api/v1/login.