Flutterflow에서 구글 로그인 구현하기(해결 중)

최지웅·2025년 5월 6일

개발

기타

목록 보기

3/3

Calm이라는 어플을 클론하는 과제를 진행하던 중, 강의의 설명이 부족하다고 느껴 이를 정리하고자 한다.

프로젝트를 clone하여 서브로 진행해보겠다.

문제(버그)

해결하고자 하는 문제는 다음과 같다.

구글 로그인을 누르면 별도의 처리 없이 바로 홈화면으로 넘어간다(로그인 성공 처리)

시도

시도1. flutterflow에서 제공하는 firebase create project

모든 방법의 가장 좋은 방법은 제공해주는 툴을 잘 사용하는 것이다. 아래와 같이 진행해보겠다.

기존의 프로젝트에서는 죽어도 안되던게 클론하니까 됐다?? 계속 진행해보자.

바로 Deploy를 하니 마찬가지로 오류가 발생하였다.
혹시 모르니 Regenerate Config Files를 한 후 다시 Deploy해보자.

잠시 본질적으로 들어가서 이 부분을 왜 Deploy해야하는가? 플러터플로우는 Firebase연동을 지원하는데 이는 데이터베이스이다. 일반 데이터 저장 뿐 아니라 다양한 계정 연결(google, facebook) 등을 지원한다. 왜 이 기능이 중요한가? 로그인이나 사용자 계정을 1부터 10까지 다루려면 보안 이슈가 굉장히 심각하다. 이를 firebase api를 이용하면 준수한 성능의 보안수준을 사용할 수 있다.
마저 디버깅을 진행해보자.

시도2. Public화

클론하면서 Private화가 되어있어 Public으로 바꾸어보자.

여전히 해결되지 않았다.

시도3. firebase 콘솔 검토

우선 정상적으로 링크되어있는 것은 확인하였다.

위 문제를 제대로 검토하기 위해 다음의 공식 가이드를 따라보자.
https://blog.flutterflow.io/firebase-authentication/

구글 연동을 따라 가보았는데, 아래와 같은 오류가 발생하였다.

우선 완료? X? 눌렀는데 아래와 같이 아무 이상이 없는 것 처럼 보인다.

시도4. Action에서 Navigate Automatically 비활성화

문제는 여전하였다.

시도5. Create Account말고 Login으로 Action설정

이게 기존의 설정이지만, 위의 공식 가이드는 아래와 같이 따랐다.

똑같이 해보자.

해결되지 않았다. 혹시 모르니 TestMode로 구동해보자.
여전히 해결되지 않았다.

시도6. 시도3의 최신 구성 파일 다운로드 에러 찾아보기

다시한번 찾아보니 이전에 놓친 글귀가 보인다.

위의 SHA-1 출시 디지털 지문을 추가하려했는데 위는 플레이스토어에 등록하면 주는 코드이고, 그 외에는 코드레벨에서 사용가능한 실행코드였는데 나는 플러터플로우 UI에서 웹으로 접근하고 있기에 우선 미루어두자.

그 아래 프로젝트 설정을 눌러보자.

아까 발견했던 오류를 발견한 듯 하다.

충돌보기를 눌러보자.

저 빨간 경고 도움말을 따라 아래와 같이 google cloud에 들어갈 수 있었다.

안드로이드를 눌러보니 아래와 같이 확인할 수 있었다.

지금까지의 상황을 정리해보면 플러터플로우에서 구글계정을 연동하려면 firebase를 연결해야하고 이 때 사용되는 SHA-1인증서를 Google Cloud에서 제공한다.
시도6에 근거하여 이 SHA-1인증서는 단 하나의 Android 앱에서 사용이 가능하다. 하지만 그렇지 않기에 지금의 문제가 발생하는 것이다.