1
resposta

[Dúvida] Variáveis de ambiente em ionic com angular CLI

Olá pessoal! Então, como eu posso usar a .env em meu projeto Angular CLI?? Tentei de algumas formas pela internet e recebi o erro que envolve o "os", ele simplesmente não funciona.

Então queria saber como eu faço para fazer o uso da .env em meu projeto angular para ter mais segurança, há uma forma?

Desde já agradeço...

1 resposta

Oi Rafael, tudo bem?

As variáveis de ambiente são uma forma segura e eficiente de armazenar informações confidenciais, como senhas e chaves de API, sem expô-las em seu código-fonte. O Angular CLI oferece suporte nativo para o uso de variáveis de ambiente por meio do arquivo environment.ts. Este arquivo contém variáveis de ambiente para diferentes ambientes, como desenvolvimento, produção e teste.

Para usar variáveis de ambiente no seu projeto, você pode criar um arquivo .env na raiz do seu projeto. Este arquivo deve conter as variáveis que você deseja usar em seu projeto, como:

API_URL=https://api.example.com
SECRET_KEY=my_secret_key

Em seguida, você pode instalar o pacote dotenv usando o comando npm install dotenv e importá-lo no seu código:

import * as dotenv from 'dotenv';
dotenv.config();

Isso carregará automaticamente as variáveis do arquivo .env em um objeto de configuração que pode ser acessado em todo o seu projeto. Por exemplo:

console.log(process.env.API_URL); // https://api.example.com
console.log(process.env.SECRET_KEY); // my_secret_key

Lembre-se de que, ao usar variáveis de ambiente em seu projeto, você deve tomar precauções para garantir que as informações confidenciais não sejam expostas acidentalmente. Por exemplo, evite adicionar o arquivo .env ao controle de versão e não use variáveis de ambiente em código compartilhado publicamente.

Espero que isso ajude! Bons estudos!