플러터

플러터 앱 oAuth 간편 로그인을 직접 구현해보기

이 글에서는 플러터 앱과 백엔드 서버가 oAuth 로그인을 통하여 회원가입을 하는 과정에 대해서 알아봅니다. 예시로 애플 로그인을 언급하고 있지만, 내용 자체는 카카오, 페이스북, 구글과 일치합니다. 배경 회사에서 개발중인 플러터 앱에 간편 로그인 기능을 사용하기로 결정하였습니다. 기존 개발할 때 파이어베이스 서비스를 이용하여 간편 로그인을 구현하였는데, 이번에는 자체 서버가 있기 때문에 oAuth 로그인 규약에 맞춰 개발을 진행해야 했습니다. 개발을 진행하면서 알게된 점, 특징들을 공유하고자 이런 글을 남깁니다. 이 글에서는 애플 로그인을 통하여 서버에 계정을 생성하기까지의 과정을 알아보도록 하겠습니다. oAuth 로그인이란 oAuth 로그인이란 쉽게 생각해서 새로운 서비스를 이용하기 위해 기존에 이용..

[Flutter Apple Sign In] 플러터 애플 로그인 | 3. 코드 작성

안녕하세요 개발자 베베입니다. 저번 포스팅에 이어서 플러터 ios 애플 로그인 구현 마지막 단계에 대해 알아보도록 하겠습니다. 이전 포스팅 [Flutter Apple Sign In] 플러터 애플 로그인 | 2. 파이어베이스 설정하기 안녕하세요 개발자 베베입니다. 저번 포스팅에 이어서, 이번에는 애플 로그인을 사용하기 위해 파이어베이스 프로젝트에서 설정해야 할 내용들에 대해 알아보도록 하겠습니다. 이전 포스트 [Flu bebesoft.tistory.com 1. Xcode에서 Apple Sign In 활성화 빌드될 앱 파일에 애플 로그인의 기능이 사용된다는 정보를 넣어주기 위해 Xcode에서 애플 로그인 기능을 활성화해줘야 합니다. /ios 디렉토리를 오른쪽 클릭으로 눌러서 Xcode를 열고 아래 과정을 거..

[Flutter Apple Sign In] 플러터 애플 로그인 | 2. 파이어베이스 설정하기

안녕하세요 개발자 베베입니다. 저번 포스팅에 이어서, 이번에는 애플 로그인을 사용하기 위해 파이어베이스 프로젝트에서 설정해야 할 내용들에 대해 알아보도록 하겠습니다. 이전 포스트 [Flutter Apple Sign In] 플러터 애플 로그인 | 1. Apple Sign In 기능 활성화하기 안녕하세요 개발자 베베입니다. 이번 포스팅에서는 앱에 애플 로그인 기능을 추가하기 위해 나의 앱에 Apple Sign In 기능을 활성화하는 방법에 대해서 알아보도록 하겠습니다. 애플 로그인에 관 bebesoft.tistory.com 1. 애플 로그인 활성화하기 앱에서 사용하는 파이어베이스 프로젝트로 접속한 후, 왼쪽 메뉴의 [빌드] -> [Authentication]을 들어갑니다. Authentication 페이지의..

[Flutter Firebase]플러터 파이어베이스 연동 | 안드로이드 앱 연결

사전 지식 및 목표 내 플러터 안드로이드 앱을 파이어베이스와 연동한다. 여기서 연동이라는 것은 파이어베이스의 기능을 사용하기 위한 가장 첫번째의 단계를 말하며, 이 단계가 수행되지 않으면 플러터 앱에서 파이어베이스의 기능을 사용할 수 없다. 이 게시글에서는 안드로이드 앱을 위한 설정을 진행하며, IOS 앱같은 경우 설정을 따로 또 해주어야 함 과정 1. 연동할 파이어베이스 프로젝트를 생성한다. (만약 기존 파이어베이스 프로젝트가 있다면 넘어가도 됨) 2. 파이어베이스 프로젝트에 앱을 등록한다. 3. 플러터 프로젝트를 설정한다. 4. firebase_core 패키지를 설치하고 실행시켜서 확인해본다. 파이어베이스 프로젝트 생성 프로젝트는? 먼저 파이어베이스 홈페이지로 이동해서 플러터 프로젝트와 연결할 파이어..