FlutterSecureStorage 웹사용 질문드립니다.

Question

웹에서 게시판을 구현하고 있습니다. 로그인 쪽을 구현하는데 잘안되는거 같아 질문드립니다FlutterSecureStorage 9.2.1 버전사용하고 있습니다. 예전에는 앱만 지원했는데 이제는 웹도 지원하더라구요. 그래서 사용하게 되었습니다. https://github.com/mogol/flutter_secure_storage웹 구현 간단로직을 설명드리면[플러터]로그인요청 - [노드]백엔드에서 (아디 /비번) 받아서 맞다면 jwt생성 후 전달 - [플러터]프론트로 전달 🫨- [플러터]FlutterSecureStorage여기에 토큰+@저장 ->이렇게 하면 닉네임을 메인에 띄우게 했는데 잘 뜨는거 보니 잘된거 같더라구요. 여기서질문!! 1-1. 토큰생성하고 [플러터] 전달할때 토큰+닉네임 이게 맞나요? 아니면 토큰만 보내서 복호화 해서 닉네임을 꺼내 쓰는게 맞나요? 1-2. 새로 고침을 하면 FlutterSecureStorage에 저장되었던 정보가 날아가나요?? 플러터에서 토큰을 유효성을 검사하는 로직은 어느 쪽에 넣어야 하나요? main.dart? routes.dart?불러온 정보는 provider를 이용해서 나타내고 있습니다. user_provider.dart에서 토큰 유효성 검사를 하는 로직을 넣어서 동작 시키고 있습니다. 저는 main.dart에서 user_provider를 불러와서 토큰정보를 읽게해서 이름 정보를 뿌려 주려고 합니다. main에서 print로 잘 진행이되는지 보고있는데 print출력은 잘됩니다. 단 await userProvider.loadTokens(); 이런거 다음에는 user_provider.dart로 넘어가야 하는거 같은데 user_provider에 print문은 동작을 안하네요. ;;;main.dartimport 'package:cosmosx_t1/provider/post_provider.dart'; import 'package:cosmosx_t1/provider/user_provider.dart'; import 'package:cosmosx_t1/route.dart'; import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import 'package:url_strategy/url_strategy.dart'; import 'provider/noticeModel.dart'; void main() async { WidgetsFlutterBinding.ensureInitialized(); setPathUrlStrategy(); print('userProvider = UserProvider();'); final userProvider = UserProvider(); print('userProvider = UserProvider()끝'); await userProvider.loadTokens(); print('uawait userProvider.loadTokens 끝'); runApp( MultiProvider( providers: [ ChangeNotifierProvider(create: (_) => NoticeProvider()), ChangeNotifierProvider(create: (context) => ItemIndexProvider()), ChangeNotifierProvider(create: (context) => UserProvider()), ], child: const MyApp(), ), ); print('userProvider.checkAccessTokenAndFetchUserData'); // Check token validity after app initialization await userProvider.checkAccessTokenAndFetchUserData(); print('userProvider.checkAccessTokenAndFetchUserData 끝'); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp.router( routerConfig: router, debugShowCheckedModeBanner: false, theme: ThemeData( 테마정보 생략 ), ), ); } } user_provider.dartimport 'package:flutter/material.dart'; import 'package:flutter_secure_storage/flutter_secure_storage.dart'; // import 'package:flutter_secure_storage_web/flutter_secure_storage_web.dart'; import 'package:dio/dio.dart'; import 'package:jwt_decode/jwt_decode.dart'; import 'package:jwt_decoder/jwt_decoder.dart'; class UserProvider with ChangeNotifier { String _nickname = ''; String? _accessToken; String? _refreshToken; final FlutterSecureStorage _secureStorage = const FlutterSecureStorage(); final Dio _dio = Dio(); String get nickname => _nickname; String? get accessToken => _accessToken; String? get refreshToken => _refreshToken; void setUser({ required String nickname, String? accessToken, String? refreshToken}) { _nickname = nickname; _accessToken = accessToken; _refreshToken = refreshToken; notifyListeners(); } void clearUser() { _nickname = ''; _accessToken = null; _refreshToken = null; _secureStorage.delete(key: 'jwt_token'); _secureStorage.delete(key: 'refresh_token'); notifyListeners(); } Future loadTokens() async { _accessToken = await _secureStorage.read(key: 'jwt_token'); _refreshToken = await _secureStorage.read(key: 'cosmosxkview'); notifyListeners(); } Future checkAccessTokenAndFetchUserData() async { print('checkAccessTokenAndFetchUserData()'); if (_accessToken != null && !isTokenExpired(_accessToken!)) { await fetchUserData(); } else { clearUser(); } } Future fetchUserData() async { print('222fetchUserData()'); try { var response = await _dio.get( '백엔드 토큰 인증 주소', options: Options( headers: {'Authorization': 'Bearer $_accessToken'}, ), ); if (response.statusCode == 200) { var data = response.data; setUser( nickname: data['nickname'] ?? '2', id: data['id'] ?? 0, ); } else { clearUser(); } } catch (e) { clearUser(); } } bool isTokenExpired(String token) { return JwtDecoder.isExpired(token); } }

FlutterSecureStorage 웹사용 질문드립니다.

0개의 답변

#fluttersecurestorage 목록