Mudanças entre as edições de "Publicando Angular, React e Vue"
| Linha 1: | Linha 1: | ||
| − | |||
Para publicar um site em Angular, React e Vue, e ao mesmo tempo integrar a sua API, siga atentamente a orientação abaixo: | Para publicar um site em Angular, React e Vue, e ao mesmo tempo integrar a sua API, siga atentamente a orientação abaixo: | ||
Edição das 20h10min de 21 de dezembro de 2023
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 nodejS , dependendo de como fez as rotas, coloque em um subdomínio, algo como:
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:
