플러터:인증(Firebase 인증) 편집하기 (부분)

=== 사전 준비 ===
{| class="wikitable"
|+
!단계
!설명
!비고
|-
|Firebase 콘솔 설정
|파이어베이스 콘솔에서 제공업체를 선택한다.
Authentication → Sign-in Method → Google 활성화
로그인 방법 > 새 제공업체 등에서 선택한다.
|https://console.firebase.google.com/project/ktalk-d20ab/authentication/providers
|-
|(웹의 경우)
구글 클라우드 설정
|클라우드 콘솔 설정.(반드시 파이어베이스와 같은 프로젝트로 진행해야 한다.)

* https://console.cloud.google.com 접속
* Firebase 프로젝트와 연결된 프로젝트 선택

* 왼쪽 메뉴: API 및 서비스 → OAuth 동의 화면, 외부 선택 → 만들기
* 앱 이름, 이메일 입력 → 저장

* 왼쪽 메뉴: API 및 서비스 → 사용자 인증 정보
* 상단: + 사용자 인증 정보 만들기 → OAuth 2.0 클라이언트 ID
* 애플리케이션 유형: 웹 애플리케이션
* 이름: <code>Web Client</code> (아무거나)
* 만들기 클릭

* 생성되면 팝업에서 클라이언트 ID 복사 (xxx.apps.googleusercontent.com 형식)

index.html에 추가

<meta name="google-signin-client_id" content="여기에_클라이언트_ID_붙여넣기.apps.googleusercontent.com"> 형식으로.



아래 링크에서 People API를 활성화해준다.(프론트에서 로그인을 처리하기에 과정이 좀 있네;;)

* 또는 Google Cloud Console → '''API 및 서비스''' → '''라이브러리'''
|
* 안드로이드 Ios의 경우 거의 작업 없이 진행됨.
|-
|Firebase CLI 설치
+ 로그인
|
* npm install -g firebase-tools
* firebase login
|nodeJS 설치되어 있어야 함. 없다면 https://nodejs.org/<nowiki/>참고.
firebase --version 에서 숫자가 나오면 정상.
|-
|FlutterFire CLI 설치
|dart pub global activate flutterfire_cli
|
|-
|Firebase 프로젝트 연동
|flutterfire configure
→ Android/iOS 설정 파일 자동 생성
|
* 파이어베이스에서 작성해둔 프로젝트 중 하나를 고르게 된다. 여기에 맞게 설정 파일을 자동으로 생성.
* 콘솔에서 제공업체에 변경이 발생할 때마다 다시 진행해야 한다.
|-
|pubspec.yaml 설정
|<syntaxhighlight lang="yaml">dependencies:
  firebase_core: ^3.8.1
  firebase_auth: ^5.3.3
  google_sign_in: ^6.2.2  # 공급업체에 따라 추가해준다.</syntaxhighlight>
|
|-
|패키지 설치
|flutter pub get
|
|}