naver_login_flutter 3.1.2

A Flutter plugin for using the native Naver Login SDKs on Android and iOS.

example/lib/main.dart

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:logger/logger.dart';
import 'package:naver_login_flutter/naver_login_flutter.dart';

final GlobalKey<ScaffoldMessengerState> snackbarKey =
    GlobalKey<ScaffoldMessengerState>();

final logger = Logger(
  printer: PrettyPrinter(
    methodCount: 0,
    errorMethodCount: 5,
    lineLength: 80,
    colors: true,
    printEmojis: true,
  ),
);

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Naver Login',
      scaffoldMessengerKey: snackbarKey,
      theme: ThemeData(
        primarySwatch: Colors.green,
        primaryColor: const Color(0xFF00c73c),
        canvasColor: const Color(0xFFfafafa),
        elevatedButtonTheme: ElevatedButtonThemeData(
          style: ElevatedButton.styleFrom(
            textStyle: const TextStyle(
              fontSize: 12.0,
              color: Colors.black,
              fontWeight: FontWeight.normal,
              fontFamily: "Roboto",
            ),
          ),
        ),
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});
  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  bool isLogin = false;
  String? accessToken;
  String? expiresAt;
  String? tokenType;
  String? name;
  String? refreshToken;
  NaverAccountResult? userInfo;

  /// Show [message] content in a ScaffoldMessenger snackbar
  void _showToast(String message, {bool isError = false}) {
    snackbarKey.currentState?.showSnackBar(
      SnackBar(
        backgroundColor: isError ? Colors.red : Colors.green,
        content: Text(message),
      ),
    );
  }

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text(
          'Flutter Naver Login Sample',
          style: TextStyle(color: Colors.white),
        ),
      ),
      body: ListView(
        padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 20),
        children: [
          Card(
            child: Padding(
              padding: const EdgeInsets.all(16.0),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  const Text(
                    '로그인 상태',
                    style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
                  ),
                  const SizedBox(height: 8),
                  Text('isLogin: $isLogin'),
                  const Divider(),
                  const Text(
                    '토큰 정보',
                    style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
                  ),
                  const SizedBox(height: 8),
                  Text('accessToken: $accessToken'),
                  Text('refreshToken: $refreshToken'),
                  Text('tokenType: $tokenType'),
                  Text('expiresAt: $expiresAt'),
                  const Divider(),
                  const Text(
                    '사용자 정보',
                    style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
                  ),
                  const SizedBox(height: 8),
                  if (userInfo != null) ...[
                    Text('ID: ${userInfo?.id}'),
                    Text('이름: ${userInfo?.name}'),
                    Text('닉네임: ${userInfo?.nickname}'),
                    Text('이메일: ${userInfo?.email}'),
                    Text('성별: ${userInfo?.gender}'),
                    Text('나이: ${userInfo?.age}'),
                    Text('생일: ${userInfo?.birthday}'),
                    Text('출생년도: ${userInfo?.birthYear}'),
                    Text('프로필 이미지: ${userInfo?.profileImage}'),
                    Text('휴대폰 번호: ${userInfo?.mobile}'),
                    Text('E164 형식 휴대폰 번호: ${userInfo?.mobileE164}'),
                  ] else
                    const Text('사용자 정보 없음'),
                ],
              ),
            ),
          ),
          const SizedBox(height: 16),
          ElevatedButton(
            onPressed: buttonLoginPressed,
            child: const Text("로그인"),
          ),
          ElevatedButton(
            onPressed: buttonLogoutPressed,
            child: const Text("로그아웃"),
          ),
          ElevatedButton(
            onPressed: buttonLogoutAndDeleteTokenPressed,
            child: const Text("로그아웃 및 토큰 삭제"),
          ),
          ElevatedButton(
            onPressed: buttonTokenPressed,
            child: const Text("토큰 정보 가져오기"),
          ),
          ElevatedButton(
            onPressed: buttonGetUserPressed,
            child: const Text("사용자 정보 가져오기"),
          ),
        ],
      ),
    );
  }

  Future<void> buttonLoginPressed() async {
    try {
      final NaverLoginResult res = await FlutterNaverLogin.logIn();
      logger.i('buttonLoginPressed: NaverLoginResult status: ${res.status}');
      logger.i('buttonLoginPressed: NaverLoginResult errorMessage: ${res.errorMessage}');
      
      if (res.status == NaverLoginStatus.error) {
        _showToast('로그인 실패: ${res.errorMessage}', isError: true);
      } else if (res.status == NaverLoginStatus.loggedIn) {
        _showToast('로그인 성공');
      }

      setState(() {
        isLogin = res.status == NaverLoginStatus.loggedIn;
        if (res.account != null) {
          userInfo = res.account;
        }
      });
    } catch (error) {
      logger.e('buttonLoginPressed: catch error: $error');
      _showToast(error.toString(), isError: true);
    }
  }

  Future<void> buttonTokenPressed() async {
    try {
      final NaverToken res = await FlutterNaverLogin.getCurrentAccessToken();
      logger.i('buttonTokenPressed: NaverToken isValid: ${res.isValid()}');
      // 보안: access token 원문은 로그에 남기지 않는다 (CI/크래시/공유 기기 로그 유출 방지)

      _showToast('토큰 정보 가져오기 성공');
      
      setState(() {
        refreshToken = res.refreshToken;
        accessToken = res.accessToken;
        tokenType = res.tokenType;
        expiresAt = res.expiresAt;
        isLogin = res.isValid();
      });
    } catch (error) {
      logger.e('buttonTokenPressed: catch error: $error');
      _showToast(error.toString(), isError: true);
    }
  }

  Future<void> buttonLogoutPressed() async {
    try {
      final NaverLoginResult res = await FlutterNaverLogin.logOut();
      logger.i('buttonLogoutPressed: NaverLoginResult status: ${res.status}');
      
      if (res.status == NaverLoginStatus.error) {
        _showToast('로그아웃 실패: ${res.errorMessage}', isError: true);
      } else if (res.status == NaverLoginStatus.loggedOut) {
        _showToast('로그아웃 성공');
        setState(() {
          isLogin = false;
          accessToken = null;
          refreshToken = null;
          tokenType = null;
          expiresAt = null;
          userInfo = null;
        });
      }
    } catch (error) {
      logger.e('buttonLogoutPressed: catch error: $error');
      _showToast(error.toString(), isError: true);
    }
  }

  Future<void> buttonLogoutAndDeleteTokenPressed() async {
    try {
      final NaverLoginResult res =
          await FlutterNaverLogin.logOutAndDeleteToken();
      logger.i('buttonLogoutAndDeleteTokenPressed: NaverLoginResult status: ${res.status}');
      
      if (res.status == NaverLoginStatus.error) {
        _showToast('로그아웃 및 토큰 삭제 실패: ${res.errorMessage}', isError: true);
      } else if (res.status == NaverLoginStatus.loggedOut) {
        _showToast('로그아웃 및 토큰 삭제 성공');
        setState(() {
          isLogin = false;
          accessToken = null;
          refreshToken = null;
          tokenType = null;
          expiresAt = null;
          userInfo = null;
        });
      }
    } catch (error) {
      logger.e('buttonLogoutAndDeleteTokenPressed: catch error: $error');
      _showToast(error.toString(), isError: true);
    }
  }

  Future<void> buttonGetUserPressed() async {
    try {
      final NaverAccountResult res =
          await FlutterNaverLogin.getCurrentAccount();
      logger.i('buttonGetUserPressed: NaverAccountResult id: ${res.id}');
      
      _showToast('사용자 정보 가져오기 성공');
      
      setState(() => userInfo = res);
    } catch (error) {
      logger.e('buttonGetUserPressed: catch error: $error');
      _showToast(error.toString(), isError: true);
    }
  }
}