Mudanças entre as edições de "Publicando Angular, React e Vue"

De Wiki Integrator do Brasil
Ir para: navegação, pesquisa
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:
  
# 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|Criando um domínio adicional no painel cPanel]. 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.  
+
# 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.  
 
# Geralmente, esses arquivos tem um caminho como /js/arquivo.js ou /css/arquivo.css. Dependendo de como fez, tem que mudar nas configurações para que seu build gere assim: ./js/arquivo.js ou apenas js/arquivo.js e o mesmo no CSS. Isso porque o caminho / não é uma rota dentro do seu aplicativo por default, pois se tratam de arquivos estáticos.
 
# Geralmente, esses arquivos tem um caminho como /js/arquivo.js ou /css/arquivo.css. Dependendo de como fez, tem que mudar nas configurações para que seu build gere assim: ./js/arquivo.js ou apenas js/arquivo.js e o mesmo no CSS. Isso porque o caminho / não é uma rota dentro do seu aplicativo por default, pois se tratam de arquivos estáticos.
 
# Uma vez colocado o front, vem o backend. Esse você faz o deploy no painel e, dependendo de como fez as rotas, coloque em um sudomí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.
 
# Uma vez colocado o front, vem o backend. Esse você faz o deploy no painel e, dependendo de como fez as rotas, coloque em um sudomí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.

Edição das 19h50min 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:

  1. 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.
  2. Geralmente, esses arquivos tem um caminho como /js/arquivo.js ou /css/arquivo.css. Dependendo de como fez, tem que mudar nas configurações para que seu build gere assim: ./js/arquivo.js ou apenas js/arquivo.js e o mesmo no CSS. Isso porque o caminho / não é uma rota dentro do seu aplicativo por default, pois se tratam de arquivos estáticos.
  3. Uma vez colocado o front, vem o backend. Esse você faz o deploy no painel e, dependendo de como fez as rotas, coloque em um sudomí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.