O professor disse na aula que o proprio angular faz atroca do environment de dev ou prod, como isso se faz?
O professor disse na aula que o proprio angular faz atroca do environment de dev ou prod, como isso se faz?
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.