플러터:인증(Firebase 인증) 편집하기 (부분)

== 구현 코드 ==
<syntaxhighlight lang="dart">
import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:google_sign_in/google_sign_in.dart';
import 'firebase_options.dart';

// 앱 시작 전에 Firebase를 초기화해야 함
void main() async {
  // Flutter 엔진이 완전히 초기화되도록 보장 (Firebase 사용 전 필수)
  WidgetsFlutterBinding.ensureInitialized();
  
  // Firebase 초기화 (firebase_options.dart 파일 사용) await로 초기화 완료될 때까지 기다려야 함
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Google 로그인 학습',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const GoogleSignInPage(),
    );
  }
}

class GoogleSignInPage extends StatefulWidget {
  const GoogleSignInPage({super.key});

  @override
  State<GoogleSignInPage> createState() => _GoogleSignInPageState();
}

class _GoogleSignInPageState extends State<GoogleSignInPage> {
  // Firebase Authentication 인스턴스 (사용자 인증 관리)
  final FirebaseAuth _auth = FirebaseAuth.instance;
  
  // Google Sign-In 인스턴스 (구글 로그인 처리)
  final GoogleSignIn _googleSignIn = GoogleSignIn();
  
  // 현재 로그인된 사용자 정보를 저장할 변수
  User? _user;

  @override
  void initState() {
    super.initState();
    // 앱 시작시 현재 로그인 상태 확인
    _user = _auth.currentUser;
  }

  // 구글 로그인 함수
  Future<void> _signInWithGoogle() async {
    try {
      // 1. Google Sign-In 팝업 띄우기 (사용자가 구글 계정 선택)
      final GoogleSignInAccount? googleUser = await _googleSignIn.signIn();
      
      // 사용자가 로그인 취소한 경우
      if (googleUser == null) {
        print('로그인 취소됨');
        return;
      }

      // 2. 선택한 구글 계정의 인증 정보 가져오기
      final GoogleSignInAuthentication googleAuth = 
          await googleUser.authentication;

      // 3. Firebase용 인증 자격증명 생성
      //    accessToken: 구글 API 접근용 토큰
      //    idToken: 사용자 신원 확인용 토큰
      final credential = GoogleAuthProvider.credential(
        accessToken: googleAuth.accessToken,
        idToken: googleAuth.idToken,
      );

      // 4. Firebase에 자격증명으로 로그인
      final UserCredential userCredential = 
          await _auth.signInWithCredential(credential);

      // 5. 로그인 성공 - UI 업데이트
      setState(() {
        _user = userCredential.user;
      });

      print('로그인 성공: ${_user?.displayName}');
      
    } catch (e) {
      // 로그인 실패시 에러 출력
      print('로그인 실패: $e');
      
      // 사용자에게 에러 메시지 표시
      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text('로그인 실패: $e')),
        );
      }
    }
  }

  // 로그아웃 함수
  Future<void> _signOut() async {
    try {
      // Firebase에서 로그아웃
      await _auth.signOut();
      
      // Google Sign-In에서도 로그아웃 (다음 로그인시 계정 선택 가능)
      await _googleSignIn.signOut();

      // UI 업데이트
      setState(() {
        _user = null;
      });

      print('로그아웃 성공');
      
    } catch (e) {
      print('로그아웃 실패: $e');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('구글 로그인 학습'),
        centerTitle: true,
      ),
      body: Center(
        child: Padding(
          padding: const EdgeInsets.all(20.0),
          child: _user == null
              ? _buildSignInUI()  // 로그인 안된 상태 UI
              : _buildUserInfoUI(), // 로그인된 상태 UI
        ),
      ),
    );
  }

  // 로그인 버튼 UI (로그인 전)
  Widget _buildSignInUI() {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        const Icon(
          Icons.account_circle,
          size: 100,
          color: Colors.grey,
        ),
        const SizedBox(height: 30),
        const Text(
          '구글 계정으로 로그인하세요',
          style: TextStyle(fontSize: 18),
        ),
        const SizedBox(height: 30),
        
        // 구글 로그인 버튼
        ElevatedButton.icon(
          onPressed: _signInWithGoogle,
          icon: const Icon(Icons.login),
          label: const Text('Google로 로그인'),
          style: ElevatedButton.styleFrom(
            padding: const EdgeInsets.symmetric(
              horizontal: 30,
              vertical: 15,
            ),
            textStyle: const TextStyle(fontSize: 16),
          ),
        ),
      ],
    );
  }

  // 사용자 정보 UI (로그인 후)
  Widget _buildUserInfoUI() {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        // 프로필 사진 (없으면 기본 아이콘)
        _user?.photoURL != null
            ? CircleAvatar(
                radius: 50,
                backgroundImage: NetworkImage(_user!.photoURL!),
              )
            : const CircleAvatar(
                radius: 50,
                child: Icon(Icons.person, size: 50),
              ),
        const SizedBox(height: 20),
        
        // 사용자 이름
        Text(
          _user?.displayName ?? '이름 없음',
          style: const TextStyle(
            fontSize: 24,
            fontWeight: FontWeight.bold,
          ),
        ),
        const SizedBox(height: 10),
        
        // 이메일
        Text(
          _user?.email ?? '이메일 없음',
          style: const TextStyle(
            fontSize: 16,
            color: Colors.grey,
          ),
        ),
        const SizedBox(height: 10),
        
        // UID (Firebase에서 부여한 고유 ID)
        Text(
          'UID: ${_user?.uid}',
          style: const TextStyle(
            fontSize: 12,
            color: Colors.grey,
          ),
          textAlign: TextAlign.center,
        ),
        const SizedBox(height: 30),
        
        // 로그아웃 버튼
        ElevatedButton.icon(
          onPressed: _signOut,
          icon: const Icon(Icons.logout),
          label: const Text('로그아웃'),
          style: ElevatedButton.styleFrom(
            backgroundColor: Colors.red,
            foregroundColor: Colors.white,
            padding: const EdgeInsets.symmetric(
              horizontal: 30,
              vertical: 15,
            ),
            textStyle: const TextStyle(fontSize: 16),
          ),
        ),
      ],
    );
  }
}

</syntaxhighlight>