본문 바로가기
IT/Flutter

[sociallogin] google login구현_android

by 성준하이 2021. 11. 25.
반응형

https://thenicesj.tistory.com/81

 

소셜로그인 android/ios (naver / kakao / google) in flutter

naver 로그인 구현 android https://thenicesj.tistory.com/18 [sociallogin] naver login구현_android 요즘엔 회원가입 로그인 절차보다 소셜로그인에 많이 의존을 하곤 한다. 실제로 소셜 로그인으로 했을때 접..

thenicesj.tistory.com

 

  • 시작하기 앞서 여기 들어가서 한번 패키지를 보도록 한다.

https://pub.dev/packages/google_sign_in

 

google_sign_in | Flutter Package

Flutter plugin for Google Sign-In, a secure authentication system for signing in with a Google account on Android and iOS.

pub.dev

 

  • 그리고 시작할때 일단 gcp들어가서 가입을 하고 

https://console.cloud.google.com/

 

Google Cloud Platform

하나의 계정으로 모든 Google 서비스를 Google Cloud Platform을 사용하려면 로그인하세요.

accounts.google.com

  • 프로젝트 만들기
  • OAuth동의화면 만들기

외부>오른쪽 그림처럼 보여지기에 잘 보면서 만들기 (필수항목 3개만 작성하면됨)

(앱이름에 google이란 단어가 들어가면 안되더라...)

  • 앱정보에 2개랑 맨 아래 개발자 정보 메일만 적어주면 됨.

그리고 쭉쭉 다음 그냥 넘어가면 동의화면은 끝!

 

사용자인증정보 설정

  • 사용자인증정보 만들기
  • OAuth 2.0 클라이언트ID 만들기
  • 유형안드로이드
  • 이름 작성하고 sha1은 바로 아래 keytool 명령어 사용(debug.keytool파일로, release는 다음에)

 

여기까지 해주면 안드로이드에서 사용하기 위한 준비는 끝났다. 

 

  • 그럼 flutter 로 와서 import maindart

  • googlesignin 명시 후에 버튼 구현

  • 플러터 웹을 사용하려면 googlesignin(여기에 clientid 넣어줘야함)

그럼 안드로이드 구글 로그인 완료되었다.

반응형

'IT > Flutter' 카테고리의 다른 글

[sociallogin] kakao login구현_android  (2) 2021.11.25
[sociallogin] google login구현_ios  (2) 2021.11.25
[sociallogin] naver login구현_ios  (2) 2021.11.25
[sociallogin] naver login구현_android  (4) 2021.11.25
flutter 외부 이미지 사용법  (5) 2021.11.23

댓글