Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Troca do environment prod

O professor disse na aula que o proprio angular faz atroca do environment de dev ou prod, como isso se faz?

2 respostas
solução!

Oi, tudo bem?

Fico feliz que você tenha interesse em aprender mais sobre o Angular e o processo de troca de ambiente. De fato, o Angular possui uma maneira bastante simples de alternar entre os ambientes de desenvolvimento e produção, e vou te explicar como isso funciona.

Primeiramente, é importante entender que o ambiente de desenvolvimento é aquele em que estamos trabalhando no código da aplicação, testando funcionalidades e resolvendo bugs. Já o ambiente de produção é aquele em que a aplicação está efetivamente sendo executada para os usuários finais, ou seja, é onde precisamos garantir que tudo esteja funcionando perfeitamente antes de liberar a aplicação.

No Angular, a troca entre os ambientes de desenvolvimento e produção é feita através do arquivo de configuração environment.ts. Esse arquivo contém variáveis que definem as configurações específicas para cada ambiente, como a URL da API, por exemplo.

Para alternar entre os ambientes de desenvolvimento e produção, basta alterar a variável production nesse arquivo. Quando a variável estiver definida como true, o Angular considera que estamos no ambiente de produção e usa as configurações correspondentes. Caso contrário, ele considera que estamos no ambiente de desenvolvimento e usa as configurações correspondentes a esse ambiente.

Veja um exemplo de como isso é feito:

export const environment = {
  production: true,
  apiUrl: 'https://api.minhaaplicacao.com'
};

Nesse exemplo, a variável production está definida como true, o que significa que estamos no ambiente de produção. Além disso, a variável apiUrl está configurada com a URL da API correspondente a esse ambiente. Caso estivéssemos no ambiente de desenvolvimento, poderíamos alterar a variável production para false e definir uma URL de API diferente, como no exemplo abaixo:

export const environment = {
  production: false,
  apiUrl: 'http://localhost:3000/api'
};

Note que, ao alternar entre os ambientes, o Angular se encarrega de carregar as configurações correspondentes automaticamente, sem que precisemos nos preocupar com isso no código da aplicação.

Espero que tenha te ajudado a entender melhor.

Um abraço e bons estudos.

Entendi essa parte, obrigada.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software