[flutter] 플러터(Flutter)에서 OAuth 인증 구현 방법은?

18 Dec 2023

flutter

이제 플러터(Flutter) 앱에서 구글 OAuth 로그인을 구현하는 예제를 살펴보겠습니다.

먼저, google_sign_in 패키지를 사용하여 구글 OAuth 로그인을 구현할 수 있습니다. 이 패키지는 플러터(Flutter) 앱에서 구글 로그인 및 사용자 정보에 대한 액세스를 제공합니다.

아래는 google_sign_in 패키지를 사용하여 구글 OAuth 로그인을 구현하는 예제 코드입니다.

import 'package:flutter/material.dart';
import 'package:google_sign_in/google_sign_in.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  final GoogleSignIn _googleSignIn = GoogleSignIn(scopes: ['email']);

  Future<void> _handleSignIn() async {
    try {
      await _googleSignIn.signIn();
      // 로그인 성공 후의 작업을 수행합니다.
    } catch (error) {
      // 로그인 실패 시의 작업을 수행합니다.
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Google Sign In'),
      ),
      body: Center(
        child: RaisedButton(
          onPressed: _handleSignIn,
          child: Text('Sign in with Google'),
        ),
      ),
    );
  }
}

위 코드는 google_sign_in 패키지를 사용하여 구글 OAuth 로그인 버튼을 만들고, 로그인을 시도하는 간단한 예제입니다.

이제 이 코드를 실행하여 구글 OAuth 로그인을 구현할 수 있습니다. 또한, 이와 유사한 방법으로 다른 OAuth 제공업체의 로그인도 구현할 수 있습니다.

참고 자료:

플러터 공식 문서: https://flutter.dev/docs
플러터 google_sign_in 패키지: https://pub.dev/packages/google_sign_in