Fluter에서 Dotenv 사용

개요

dotenv는 Node입니다.js, 루비, PHP 등이 준비한 프로그램 라이브러리로 각 환경의 설정을 관리하는 구조다.플루터도 Dotenv 프로그램 라이브러리를 준비했기 때문에 살짝 해봤어요.이번에는 그 내용을 소개하려고 합니다.

전제 조건

Fluter 버전은 2.0입니다.(학과 1의 버전도 변하지 않는다)

FolterWeb에서 동작을 확인합니다.

시도해 본 내용

기본적으로 문서에 적힌 대로 진행하면 됩니다.다만, 조금 막힌 부분도 있어 그에 대응하는 내용을 다시 정리해봤다.

1. 설치

실행하십시오flutter pub add flutter_dotenv.

2. dependencies의 설정

pubspec.yamls의dependencie에서 flutter_dotenv: ^3.1.0라는 형식으로 설정하세요.버전을 적당히 바꾸어 설정하세요.

3. .env 파일 준비

모든 환경.env 파일을 준비합니다.준비가 되면 다음과 같은 형식pubspec.yamls으로 추가 설정된다.assets 부하를 예로 들면 패스는 좋아하는 것만 하면 된다.이후에 파일을 읽는 논리는 뒤에 서술할 것이니 자신의 환경에 따라 준비할 파일 수와 파일 이름을 만들어 주십시오.
pubspec.yamls

assets:
  - .env.development
  - .env.production

4. env 파일 읽기

각 환경에 사용할 데이터 파일을 준비합니다.예를 들어 개발용이면main_development.dart, 정식으로 사용하면 main_production.dart 그 파일에서 읽을 env 파일을 지정하는 느낌이 든다.
main_production.dart

import 'package:flutter/material.dart';
import 'package:flutter_dotenv/flutter_dotenv.dart' as DotEnv;
import 'widget/sample_app.dart';

Future main() async {
  await DotEnv.load(fileName: ".env.development");
  runApp(SampleApp());
}

5. 시작 설정

시작할 때 읽을 데이터 파일을 지정합니다.환경 전환에 따른 Flutter의 구축 설정 - iOS 편의 글에서 말한 바와 같이 flavor를 사용할 수도 있고 target 옵션을 사용하여 파일을 직접 지정할 수도 있습니다.또한 VScode에서 target을 지정하는 방법Flutter로 Flavor의 환경을 나누면 VS Code의 launch.제이슨 편집해주세요.도 소개되어 있으니 참고하시기 바랍니다.

6. .env 설정 사용

여기까지.env 파일을 읽었기 때문에 설정 내용을 참조할 수 있습니다.다음의 느낌으로 env에서 설정한 변수명을 얻을 수 있다.
sample_app.dar

import 'package:flutter_dotenv/flutter_dotenv.dart';
import 'package:http/http.dart' as http;
・
・
・
var url = Uri.parse(env['API_DOMMIN'] + "/getSample");
var resp = await http.get(url);