개발일지/flutter
-
[flutter + firebase auth] 플러터 + 파이어베이스 로그인 연동 <카카오 로그인> part-7개발일지/flutter 2021. 1. 23. 19:00
안녕하세요 개발하는 남자 개남입니다. 오늘은 파이어 베이스로 카카오 로그인을 연동하는 포스팅을 진행하겠습니다. 혹시 Glitch 서버와 Firebase Admin이 세팅이 되시지 않았다면 이전 포스팅들을 보시면서 세팅 후에 돌아오시길 추천드립니다. [flutter + firebase auth] 플러터 + 파이어베이스 로그인 연동 part-6 안녕하세요 개발하는 남자 개남입니다. 지난 포스팅에 이어서 본격적인 카카오, 네이버 로그인을 지원하기 위해 설정에 들어가 보겠습니다. 가장 먼저 firebase에 유저를 생성하기 위해 인증서버 sudarlife.tistory.com 카카오 개발자 콘솔 관리 카카오 개발자 콘솔로 접속해서 카카오 계정으로 로그인해 줍니다. Kakao Developers 카카오 API를 ..
-
[flutter + firebase auth] 플러터 + 파이어베이스 로그인 연동 <firebase admin 설정> part-6개발일지/flutter 2021. 1. 22. 19:00
안녕하세요 개발하는 남자 개남입니다. 지난 포스팅에 이어서 본격적인 카카오, 네이버 로그인을 지원하기 위해 설정에 들어가 보겠습니다. 가장 먼저 firebase에 유저를 생성하기 위해 인증서버 쪽에 firebase admin을 세팅해보도록 하겠습니다. Firebase 관리 콘솔로 이동합니다. 좌측 프로젝트 개요의 톱니바퀴 클릭 > 프로젝트 설정 클릭 해줍니다. 서비스 계정 탭을 선택하여 Firebase Admin SDK의 내용을 확인합니다. 기본적으로 Admin SDK는 Node.js와 자바 Python Go 언어를 지원하고 있습니다. 개인적으로 Node 서버로 인증처리를 진행할 계획이기에 Node js 선택을 해줍니다. (지난 포스팅에 애플 로그인을 위해 안드로이드 iOS 13 이하 버전에서 인증을 하..
-
[flutter + firebase auth] 플러터 + 파이어베이스 로그인 연동 <oauth2 인증 프로세스> part-5개발일지/flutter 2021. 1. 21. 19:00
안녕하세요 개발하는 남자 개남입니다. 지난 포스팅까지 구글/패북/애플 로그인을 구현하는 것을 모두 알아보았습니다. 이번 포스팅은 번외로 파이어 베이스에서 지원하지 않는 카카오 로그인과 네이버 로그인을 알아보려고 하는데요. 카카오 , 네이버 등 로그인을 구현하기 위해서 oauth2 인증 방식에 대해 한번 정리할 필요가 있어 보인다. 사실 파이어 베이스에서 로그인 제공 업체로 등록되어있는 구글, 패북, 애플 등은 손쉽게 구현이 가능하다. 시키는 데로만 설정만 맞춰주면 로그인 기능을 붙일 수 있다. 그래서 사실 어떤 프로세스를 통해서 인증이 되는지 지식이 없어도 구현은 가능하다. 하지만 지원하지 않는 타 업체의 로그인을 구현하기 위해서는 oauth 방식의 프로세스를 알고 있어야 한다. OAuth2 인증 OAu..
-
[flutter + firebase auth] 플러터 + 파이어베이스 로그인 연동 <apple 로그인> part-4개발일지/flutter 2021. 1. 17. 19:00
안녕하세요 개발하는 남자 개남입니다. 지난 포스팅에는 페이스북 로그인을 알아봤는데요 오늘은 애플 로그인을 적용해보겠습니다. 2020년 중순? 쯤부터 앱에 sns 로그인 적용한 앱은 apple 로그인을 적용해야 apple 심사를 통과할 수 있게 되었습니다. 그래서 저 역시 맨붕에 빠져서 부랴부랴 적용한 경험이 있고 적용할 때마다 다른 로그인에 비해 설정할 것도 많고 삽질도 많이 경험했던 기억이 있네요 사족이 길었네요 ^^;; 포스팅 시작합니다. 애플 로그인을 구현하기 위해서 3가지를 지원해야 합니다. 첫번째 안드로이드에서 애플 로그인을 하기 위해 웹 로그인을 처리해야 합니다. 두 번째 iOS 13 버전 이상은 Sign In with Apple를 통해 로그인 처리해야 합니다. 세 번째 iOS 13 이하 버전..
-
[flutter + firebase auth] 플러터 + 파이어베이스 로그인 연동 <facebook 로그인> part-3개발일지/flutter 2021. 1. 15. 19:48
안녕하세요 개발하는 남자 개남입니다. 지난 포스팅에는 구글 로그인을 알아봤는데요 [flutter + firebase auth] 플러터 + 파이어베이스 로그인 연동 part-2 지난 포스팅내용에 이어서 이제 로그인 페이지를 만들어 보자. 구글 로그인 설정 구글 로그인 구현을 위해 다시 파이어베이스 콘솔로 가보자 왼쪽 메뉴의 Authentication 에서 시작하기를 클릭해주 sudarlife.tistory.com 이어서 이번에는 facebook 로그인을 구연해보겠습니다. 페이스북 / 파이어베이스 콘솔 설정 페이스북 로그인을 하기위해선 지난 번 구글때와는 다르게 페이스북에 앱을 등록 시켜 줘야합니다. 페이스북 개발자 사이트로 이동 링크< 클릭 잘보이진 않지만, 사이트 상단 우측 메뉴에 내앱 메뉴가 있습니다 ..
-
[flutter + firebase auth] 플러터 + 파이어베이스 로그인 연동 <구글로그인> part-2개발일지/flutter 2021. 1. 13. 17:59
지난 포스팅내용에 이어서 이제 로그인 페이지를 만들어 보자. 구글 로그인 설정 구글 로그인 구현을 위해 다시 파이어베이스 콘솔로 가보자 왼쪽 메뉴의 Authentication 에서 시작하기를 클릭해주자. 그렇다면 로그인 제공업체 목록이 보일 것이다. 그중에서 구글을 찾아 우측의 구성 수정 아이콘을 클릭하자 위와 같이 이름과 이메일 설정하고 저장을 눌러주자. 이제 소스 코드 작성만 남았다. 우선 가장먼저 라이브러리 부터 임포트를 해주자. 작성 기준으로 google_sign_in 최신 버전은 4.5.9입니다. google_sign_in | Flutter Package Flutter plugin for Google Sign-In, a secure authentication system for signing i..
-
[flutter + firebase auth] 플러터 + 파이어베이스 로그인 연동 <설정편> part-1개발일지/flutter 2021. 1. 12. 19:00
안녕하세요 개발하는 남자 개남입니다. 이번 플러터 포스팅 3번째 다뤄볼 주제는 정말 플러터개발하면서 빠질 수 없지만 말도 많고 탈도 많고 삽질도 많은 파이어베이스 로그인 연동에 대해서 알아보고자 합니다. 매번 할때마다 플러터 버전이나 파이어베이스 버전에 따라 의존성 충돌이라던지 ;; 여러 알 수 없는 변수로 인해 삽질을 많이 해왔었습니다. (저만 경험한 일 일까요? ㅎㅎ) 더이상 삽질을 하지 않게 하기 위해서 혹, 연동에 도움이 필요하신분들에게 조금이나마 도움이 되고자 이렇게 포스팅 합니다. (사실 다음번 또 삽질을 하게될 미래의 나를 위해 작성하는 것입니다. ) 플러터 + 파이어베이스 로그인 연동 그 첫번째! 파이어베이스 설정 가장먼저 프로젝트 생성부터 해보자 간단하게 터미널로 flutter 명령어로 ..
-
[Flutter / 플러터] BloC 패턴이 있는데 왜? Provider 를 써야 할까?개발일지/flutter 2021. 1. 8. 23:16
안녕하세요 개발하는 남자입니다. 오늘은 플러터 포스팅의 2번째 게시글입니다. 첫 번째 포스팅에서 다뤄보았던 Bloc 패턴을 알아봤습니다. 혹시 Bloc 패턴에 대해 궁금하시다면? 아래 링크 클릭해서 보고 오시면 도움이 되실 것입니다. Bloc 패턴이 무엇이고, 왜 사용하는 것일까?안녕하세요 개발하는 남자 개남입니다. 플러터 포스팅의 가장 첫 번째로 Bloc 패턴을 다루게 되었네요. 앞으로 플러터를 공부 및 정리를 하면서 포스팅을 추가해 나아가도록 할 계획입니다. 플러sudarlife.tistory.com지난번에도 언급했지만 앱을 만들면 UI와 비즈니스 로직을 분리해서 앱을 만들어야 하는데요. 그것을 해결하기 위해 구글 개발자가 만든 Bloc패턴이 각광을 받았었습니다. 하지만 Bloc 패턴을 사용하기에 진..