【전 절차】Firebase × Flutter를 바삭하게 묶자

~목차~
1. Firebese 등록
1-1. 계정 생성
1-2. Firebase 프로젝트 추가
2. Flutter 프로젝트 만들기
3. ios 연결
3-1. Info.plist 만들기
3-2. ios 앱에 Firebase 추가
3-3. firebase_core 추가
4. 안드로이드 연결
4-1. json 파일 만들기
4-2. Android 앱에 Firebase 추가
5. 끝에

1. Firebese 등록



1-1. 계정 생성



Firebase 공식 페이지로 이동하여 사용하기를 클릭하십시오.
Google 계정이 필요하므로 자신의 계정을 등록


1-2. Firebase 프로젝트 추가



제 경우에는 일부 프로젝트가 이미 있으므로 화면은 자신의 프로젝트와 다릅니다.

프로젝트 이름은 반각 영숫자만 사용 가능

애널리틱스가 필요하지 않은 경우 끄십시오.
애널리틱스란 사용자의 액세스 경로, 수, 시간 등을 확인할 수 있다고 생각하세요.
애널리틱스 계정을 만들고 각 항목을 완료하십시오.

2. Flutter 프로젝트 만들기



Android Studio에서 새 프로젝트를 만듭니다.

이번은 Application의 작성으로 진행해 갑니다.

프로젝트 이름은 Firebase의 프로젝트 이름과 동일하게 유지하면 알기 쉽습니다.

패키지 이름은 나중에 연결할 때 필요합니다.
확인할 수 있으므로 기억하지 않아도 괜찮습니다.


3. ios 연결



3-1. Info.plist 만들기



Finder에서 AndroidStudioProject > ios > Runner.xcworkspace를 선택하여 엽니다.

xcode가 열리면 왼쪽 상단의 Runner가 표시되고 Bundle Identifier 복사

Firebase 화면으로 돌아가서 붙여넣고 앱을 추가합니다.

GoogleService-Info.plist를 클릭하여 다운로드 시작
이제 plist를 만들 수있었습니다.


3-2. ios 앱에 Firebase 추가



plist가 작성되었으므로 Finder에서 xcode의 Runner 폴더로 드래그하여 추가

확인 화면이 나오므로 체크 박스를 채우고 완료하십시오.

Firebase 화면으로 돌아가서 다음을 클릭합니다.
여러 번 다음을 계속하고 콘솔로 돌아가기 버튼을 클릭하여 콘솔로 이동합니다.

3-3. firebase_core 추가



pubsc.yaml을 열고 dependencies: 항목에 firebase_core를 붙여 넣습니다.

이것으로 ios와의 제휴는 종료입니다.

4. 안드로이드 연결



4-1. json 파일 만들기



콘솔에서 Android 아이콘을 클릭

xcode로 이동하여 Android > app > build.gradle(코끼리)을 엽니다.
거기에 applicationID가 있으므로 복사

Firebase로 돌아가서 복사한 내용을 패키지 이름에 붙여넣고 앱 등록을 클릭합니다.

ios 때는 plist 이었지만 이번에는 json 파일을 다운로드


4-2. Android 앱에 Firebase 추가



AndroidStudio로 이동하여 Finder에서 json 파일을 드래그
드래그 대상은 Android 바로 아래의 app 폴더

search for references를 선택하고 Refactor를 클릭합니다.
search for references를 선택하면 코드베이스 전체에서 특정 코드 요소가 참조되는 위치를 찾을 수 있습니다.

프로젝트 화면에 Google-services.json이 추가되었음을 확인할 수 있다고 생각합니다.
이것으로 Firebase와 Flutter [ios] [Android]의 연결이 완료됩니다.

5. 끝에



끝까지 읽어 주셔서 감사합니다.
아직 초학자이므로, 더 좋은 기술의 방법이 있으면 지적 부탁드립니다!

좋은 웹페이지 즐겨찾기