# GoogleLogin

akimcse

우리 그럼 로그인은 소셜 로그인으로 해볼까? 말만 들어도 숨이 턱 막힌다! 클라이언트 입장에서는 그냥 자체적으로 일반 로그인을 구현해주면 좋겠지만.. 기획자들은 그렇지 않은가보다.. 어쩌면 서버 개발자들도 그렇지 않을 것이다.. 매번 제대로 맞서지 않고 어찌저찌 구글링으로 잘 피해왔던 과거를 반성하며, 다시는 구글 로그인에 쫄지 않기 위해(?) 최대한 쉽고 간결하게 구글 로그인 구현 과정을 정리해보려고 한다. 기본 요건 Android 4.4 이상을 실행하며 Google Play 스토어 또는 Android 4.2.2 이상을 기반으로 하는 Google API 플랫폼을 실행하고 Google Play 서비스 버전 15.0.0 이상을 실행하는 AVD가 있는 에뮬레이터가 포함된 호환 Android 기기. Android 4.4(KitKat) 이상에서 컴파일하도록 구성된 프로젝트 Google Play 서비스 추가 먼

tygerhwang

Firebase Authentication 사용해 보기 1편 Firebase Authentication Documentation firebase_core | Flutter Package firebase_auth | Flutter Package Firebase Authentication 사용해 보기 2편 Firebase 세팅하기 - Flutter 3.0 이후 [Firebase 세팅하기 - Flutter 3.0 이전

moon_l

React와 Typescript 가 설치되어있는 환경에서의 구글로그인 구현이다. Firebase 서비스 파이어베이스 홈페이지에서 구글 아이디로 로그인 한 다음 오른쪽 상단에 콘솔로이동을 클릭해준다. 프로젝트 추가를 진행해준다. (프로젝트 이름 입력 -> 체크 박스 해제 -> 생성완료) 파이어베이스 프로젝트 생성 생성이 완료되면 해당 이미지의 화면이 보인다. 아이콘을 클릭해서 웹 등록을 해준다. 프로젝트 생성후 화면 이름을 입력해주면 아래

aimzero9303

공통 세팅 yarn add firebase firebase.config.ts firebaseConfig는 보안 때문에 .env파일로 환경변수를 설정하여 불러오는 방식을 채택 당연히 .env 파일은 .gitignore에 제외 설정을 해준다. .env 로그인 세팅 login.container.tsx import login.container.tsx func 구글 로그인 login.container.tsx import login.container.tsx func > 이 외의 파이버베이스에서 로그인이 되었는지 확인해주는 함수 등등이 존재 하지만, 아직 사용하지 않았고, 나중에 그 함수를 이용하여 계속 검사해 주면서 setLoginStatus를 관리해주면 될 듯? 로그인 ![](https://velog.velcdn.com/images/aimzero9303/post/

g_c0916

로그인 스크린 및 구글 로그인 버튼까지 구현 한 이후의 작업이다. google developers https://console.cloud.google.com 해당 주소에 접속하여 프로젝트를 생성한다. 메뉴 -> API 및 서비스 -> OAuth 동의 화면 이동 type은 외부로하고 필수 항목만 적고 넘어가도록 하자 메뉴 -> API 및 서비스 -> 사용자 인증 정보로 이동 사용자 인증 정보 만들기 버튼 클릭 승인된 자바스크립트 원본에는 https://auth.expo.io 승인된 리디렉션 URI에는

mlmlmlmlz

GoogleService-Info를 잘 추가했는데도 불구, 구글 로그인을 시도하니까 아래와 같은 오류가 발생했다. 1. [확인사항] main에 다음과 같이 초기화 했는지 확인 -> 안 했으면 초기화 해주기 'Xcode에서 열었을 때' GoogleService-Info가 Runner 폴더에 잘 있는지 확인 -> 없으면 Xcode에 추가해야 한다. 2. [해결책] Xcode에서 Google-Service 클릭 - REVERSEDCLIENTID에 해당하는

tygerhwang

Firebase Setting Firebase Firebase는 구글에서 개발한 플랫폼으로 많은 구글의 기능들을 사용할 수 있는 플랫폼이다. Firebase에 대한 설명은 구글의 레퍼런스를 확인하면 되고, 앱 개발을 하면서 현업에서 가장 많이 사용하게 되는 기능들로는 FCM/GA(Google Analysis)/Dynamic Links/Authenticated/crashlytics 정도는 대부분의 서비스들이 갖추고 있는 기능이라고 생각하면 되고 서버를 없이 개발하는 스타트업이나 미니프로젝트에서 Firestore/Storage 정도를 사용하고 있다. 위의 기능들을 사용하기 위한 가장 기본적인 Firebase에 project를 생성하고 flutter에 설정하는 방법에 대해여 알아보도록 하겠다. Firebase Project 생성 Firebase 새 프로젝트 만들기를 클릭하여 프로젝트 이름에 원하는 이름을 입력하여 계속을 클릭한다. ![](https://velog.velc

tiatiahwang

👻 Google Login 1. 구글 API 등록 구글 API 등록 링크 접속 후, 프로젝트 생성 그 후에 API 및 서비스로 이동 후, OAuth 동의 화면 선택! 프로젝트 이름 옆에 위치한, 앱 수정 버튼 클릭 범위 추가 또는 삭제 버튼을 클릭해서 필요한 정보를 불러오기 위해 범위 설정(!!중요한 부분!!) ![](https://images

denmark-choco

로그인 유지 새로고침을 해도 로그인을 유지하기 위해서 react-redux를 이용했다. isLogin이라는 상태값을 만들어서 기본값을 false로 하고 loacalStorage에 token값이 있는지 확인하고 token이 있는 경우에는 action을 전달해서 isLogin의 값을 true로 변경해서 로그인을 유지할 수 있다. 그리고 token값이 없거나 로그아웃으로 token을 삭제한 경우 isLogin이 false가 되어 로그인 화면으로 돌아가게 하는 것을 목표로 만들었다. react-redux의 store와 action, reducer 처음으로 react-redux를 구현하기때문에 한 파일에 전부 구현을 한 후 action, reducer, store로 나누기로 했다. Login 유지 로그인을 하고 새로고침을 하면 react-redux에서 isLogin이 false로 기본값이 되어 있어서 true로 변경을 해줘야 로그인이 유지가 될 수 있다. us

denmark-choco

GoogleLogin API 구글 로그인을 위해서 OAuth API를 사용해서 로그인을 구현할 수 있다. 처음에는 생활코딩 영상을 보고 익숙해진다음 블로깅을 시작했다. 전체적인 흐름과 틀을 잡은 후 Google API Console에 가서 계정을 만들고 아래와 같이 진행을 했다. 1. 새 프로젝트만들기 2. A