Mudanças entre as edições de "Publicando Angular, React e Vue"
| Linha 1: | Linha 1: | ||
| + | == Publicando site angular, react e vue == | ||
| + | |||
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: | ||
| − | + | == 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 [[Criando um domínio adicional no painel cPanel|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 [[O painel Node.js|Integrator nodejS ]], 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. | ||
| + | |||
| + | |||
| + | [[Categoria:PAINEL INTEGRATOR NODE.JS]] | ||
Edição das 20h10min de 21 de dezembro de 2023
Índice |
Publicando site angular, react e vue
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:
