Dart & Flutter (8) 썸네일형 리스트형 Flutter + Firebase를 이용한 Google, Kakao #00 이 포스팅은 Google, Kakao, Apple의 소셜 로그인을 구현하고 정리한 내용을 바탕으로 소셜 로그인 각각의 프로세스를 정리한다. 나는 어떤 기술을 구현 하려고 할 때 우선 디테일한 소스코드 보다는 큰 개념먼저 찾아간다. 개발 초장기 아무것도 모를 때, 단순히 검색해서 복붙을 하는 개발을 했던적이 있는데, 이렇게 하면 해당 기술을 응용하기 어렵고 기억도 오래가지 않는다. 심지어 오작동 하는 경우나 예외도 많이 발생한다. 그래서 오늘은 우리가 구현 하려고 하는 Firebase 로그인에 대해서 정리하고 우리가 사용하려는 Google,Kakao,Apple의 경우 각각 어떤 방식으로 구현해야 되는지 알아보는 시간이다. 사실 Firebase + Google / Firebase + Apple 같은 경우 F.. Firebase auth + Spring boot + FLutter 사용자 등록 및 로그인 완료 #06 지난 포스트에서는 Kakao Rest api를 이용해서 카카오 로그인을 진행하고 최종적으로 사용자 정보를 획득했다. 오늘은 Firebase 로그인을 진행한다. 진행하기 전에 간단하게 프로세스를 확인 할 텐데 ! 이것만 기억하자 ! 우리는 로그인을 하기위해 CustomToken이 필요하다. 아래 작업은 모두 이 CustomToken을 얻기위한 작업이다. Firebase admin SDK 를 이용한 java ( Spring ) 레퍼런스가 거의 없어서 Firebase 공식 문서를 참고해서 개발을 진행함. 나오같은 환경에서 Kakao로그인을 구현하고 싶은 java/Spring boot 개발자들에게 도움이 됐으면 좋겠다. ( 공식문서 보지않고 해당 글을 따라가도 기능 구현은 가능하다. 하지만 개발 중 혹시 다른 .. Flutter + Spring boot 연결 및 카카오 로그인 연동 (인가코드/Access token/ user info ) #05 오늘 포스팅은 실제 카카오 로그인 후 인가 코드/accessToken/user정보를 가져오는 코드를 작성하고 최종 결과인 User정보를 확인한다. Index Flutter 앱 kakao 로그인 버튼 추가 및 Flutter_web_auth 패키지 설정 Spring boot 서버 MainContorller.java, KakaoService.java 파일생성 카카오 로그인 테스트 ( 파이어베이스 연동은 아직 하지 않은 상태) Flutter 앱 kakao 로그인 버튼 추가 및 Flutter_web_auth 패키지 설정 1. fultter_web_auth 패키지 추가 pub.dev 접속 > flutter_web_auth 검색 > Installing 탭 패키지복사 > 프로젝트 pubspec.yaml 파일에 추가 2.. Firebase & 카카오 로그인 연동 ( developers.kakao.com 설정편 ) #04 firebase sns login 네번째 시간!! 오늘은 지난(#03)시간에 설정한 Firebase Admin SDK를 이용해서 카카오 로그인 및 Firebase auth등록을 진행한다. Index developers.kakao.com 접속, 애플리케이션 추가 및 카카오 로그인 설정 developers.kakao.com 접속, 애플리케이션 추가 및 카카오 로그인 설정 1. https://developers.kakao.com/ 로 접속 > 내 애플리케이션 > 애플리케이션 추가 2. 앱 이름 , 사업자명 입력 및 저장 3. 내 애플리케이션 ( test_sns_login ) 선택 > 플랫폼 설정하기 4. Web 플랫폼 등록하기 ( web 플랫폼은 localhost 로 넣어도 인식가능 ) 사이트 도메인은 우리가.. Kakao 로그인을 위한 Spring boot + Firebase Admin SDK 설정 #03 Firebase sns_login 세 번째 시간이다. 오늘은 카카오 로그인 구현을 위한 Firebase admin SDK설정과 Spring boot api서버를 설정한다. Index Firebase admin SDK 설정 및 비공개 키 생성 Spring boot api서버 생성 및 세팅 Firebase admin SDK 설정 및 비공개 키 생성 지난 시간에 만들어 놓은 Firebase 콘솔에서 프로젝트를 선택하면 아래 이미지가 나오고 차례대로 선택한다. 프로젝트 설정 > 서비스 계정 > SDK 구성 언어 선택 > 새 비공개 키 생성 저장 하는 새 비공개 키는 적당히 자신이 알아볼 수 있도록 변경한다. 그리고 혹시라도 프로젝트를 git으로 등록할 때에는 꼭!!! gitignore에 명시해서 github에 .. Firebase - Google 로그인 / 로그아웃 #02 Firebase sns_login 두 번째 시간이다. 오늘은 구글 로그인을 구현하기로 한다. Flutter & Firebase console 세팅이 필요하다면 아래 지난 포스팅을 선행학습하면 된다. 지난 포스팅 바로기가 >>> Firebase_auth - Android 설정 (windows10/VSCode) #01 Index Firebase Autentication 설정 pub.dev - google_sign_in 패키지 설정 Google 로그인 / 로그아웃 구현 Firebase Autenication 설정 Firebase 콘솔로 이동해서 Autentication으로 이동하고 "시작하기" 클릭 로그인 제공업체 종류 확인 및 구글 로그인 선택 사용 설정 활성화 > 프로젝트 공개용 이름 작성 > 프로젝트 지.. Firebase_auth - Android 설정 (windows10/VSCode) #01 오늘 포스팅은 앱에서 소셜 로그인을 사용하기 위한 Firebase_auth를 정리한다. 실제 소셜 로그인 연동은 오늘 포스팅에서는 다루지 않느다. 오늘은 Firebase 와 Android앱의 연결을 위한 여러가지 설정과 설정의 정상여부를 간단히 테스트 한다. 아! 그리고 유튭 영상중 개남님의 영상을 참고해서 정리했다. 참고한 유튜브강의 : 개발하는남자 파이어베이스SNS#2 Index Flutter 신규 프로젝트 생성 firebase console 프로젝트 생성 앱 등록 및 인증서 - SHA-1 생성 및 등록 build.gradle Firebase SDK 추가 pubspec.yaml 페키지추가 firebase_auth / firebase_core app.dart / home.dart 생성 및 Firebas.. Null safety in Dart/Flutter 오늘 포스팅 할 내용을 Flutter 를 사용하면서 알게된 Dart언어의 Null safety 문법에 대해서 알아본다. Index Null 이란? Null safety 란? Question mark 사용방법 Exclamation mark 사용방법 Null 이란? Null 은 값이 없음'을 나타내는 영단어! 하지만 헷갈리면 안된다. 값이 없다라는게 0이 아니라 그냥 존재하지도 않는 것이다. 아래의 이미지를 보면 화장실에 두루마리 휴지가 없다 하지만 왼쪽은 휴지심이 있고 휴지가 떨어져서 0이 됐지만 오른쪽은 휴지심지 조차 안보인다. 왼쪽상태 = 0 / 오른쪽 상태 = Null 오늘의 주제에 맞게 Null을 지뢰라고 생각해 보자. 지뢰는 분명 너무나 위험하다. 하지만 보이지 않는 곳에 존재한다. 그리고 우리가.. 이전 1 다음
