본문 바로가기

Flutter/01 SNS login

(3)
[Flutter] SNS login (3) - 코딩 1. 화면 구성 및 로그인 성공화면 2. 파일 구성 3. 소스 코드 상세 설정 참고 사이트 ==> https://firebase.flutter.dev/docs/overview main.dart import 'package:flutter/material.dart'; import 'package:firebase_core/firebase_core.dart'; import 'package:get/get.dart'; import 'dart:async'; import 'package:sns_login/src/app.dart'; Future main() async { // 비동기 메소드 사용시 추가(Firebase 초기화 함수가 비동기 방식임) WidgetsFlutterBinding.ensureInitialized(..
[Flutter] SNS login (2) - Facebook 관련 설정 및 인증 활성화 기본 구성은 아래와 같습니다. 1. Facebook 인증 활성화 2. Facebook 앱 만들기 및 Android Studio 환경 설정 1. Facebook 인증 활성화 활성화 버튼을 누르면 App ID, App secret 가 필요합니다. 2개의 정보는 https://developers.facebook.com/apps 여기에서 생성합니다. 2. Facebook 앱 만들기 및 Android Studio 환경 설정 앱 이름은 잘 기억하세요, 아래에서 사용할 일이 있습니다. 앱만들기 클릭 ~~ 비번을 물어보면 본인 계정의 비전을 입력하세요. 여기에 2개의 정보가 있습니다. App ID, App secret 를 복사/붙여넣기 하세요. 입력이 끝났으면 저장하기 전에 다음 단계를 위해서 붉은 박스 부분을 미리 ..
[Flutter] SNS login (1) - Firebase 설정 및 Google 인증 활성화 기본 구성은 아래와 같습니다. 1. Firebase 프로젝트 생성 2. 안드로이드 관련 설정 3. 구글 인증 활성화 4. 이메일 로그인 활성화 Flutter 프로젝트 생성 후, 아래의 절차대로 진행하면 됩니다. 1. Firebase 에 가입을 하시고 아래 버튼을 클릭하여 프로젝트 생성 2. Firebase 프로젝트에서 안드로이드 관련 설정(개발환경 : 윈10 & 안드로이드) 여기서 2군데의 정보는 아래와 같이 확인한다. 본인이 생성한 프로젝트의 android > app > build.gradle 입니다. 자바 SDK 설치 및 환경변수 설정 후, 아래의 명령어를 입력하면 됩니다. 그중에서 SHA1을 복사/붙여넣기 하면 됩니다. JSON 파일을 다운받고 android > app 폴더로 옮기기 붉은 박스 부분..