[Flutter] Flutter 프로젝트에 .env 적용하기

오늘은 flutter 프로젝트에 .env를 적용해볼까한다.

 

적용해보기전에, 

 

env란?

---

env파일이란?

 

만약 당신이 github 레포에 커밋을 할때 커밋이 되면 안되는것들이 종종 있을것이다.

ex) key, api_url, 등등

 

그런 중요한 값들을 map형식으로 key값과 value값을 저장하고 값을 불러올 수 있도록 하는것이 env파일이다.

 

그 env파일을 .gitignore에 추가하면 본인의 github 레포에 커밋이 되지 않을것이다.

 

그럼 이제 env를 사용해보자.

 

사용 방법

---

Flutter에서 env파일을 사용하는 방법은 라이브러리를 사용해야한다.

 

pub.dev에 있는 https://pub.dev/packages/flutter_dotenv

flutter_dotenv | Flutter package

이 라이브러리를 사용할것이다.

 

우선 당신의 프로젝트에 이 라이브러리를 추가해보자.

$ flutter pub add flutter_dotenv

 

그리고 당신의 프로젝트에 .env파일이 있어야한다 .

 

이렇게 생성을 하고 

 

pubspec.yaml에 .env파일 의존성을 추가하자.

 

  assets:
    - .env

 

이제 .env파일 안에 본인이 원하는 혹은 외부로 알려지면 안되는 api_url이나 key값들을 넣어보자. 

key값 = 'value값'

PROJECT_API_URL = 'http://0.0.0.0'
PROJECT_KEY = 'sdafkjkl32q4512bj5b234vg24vh1'
TEST_API = 'http://test.com'

 

넣었다면 이제 프로젝트에 사용을 해보자.

void main() {
  runApp(
    const MyApp(),
  );
}

 

1. 우선 main 함수를 비동기처리를 해준다 

void main() async{
  runApp(
    const MyApp(),
  );
}

 

2. 그리고 runApp 함수 실행 전에

await dotenv.load(fileName: '파일 상대 경로');

 

이 코드를 사용하여 env파일을 불러온다. 

void main() async{
  await dotenv.load(fileName: '파일 상대 경로');	
  runApp(
    const MyApp(),
  );
}

 

3. 그리고 본인이 사용하고싶은 파일로 가서 

  final _url = dotenv.env['key값'];
  
  //ex)
  
  final _url = dotenv.env['PROJECT_API_URL'];

 

이런식으로 사용하면 정상적으로 env파일 안에있는것들을 사용할 수 있다! 

 

오늘부터 프로젝트에 env써서 안전하게 코딩해보자.