인프런 커뮤니티 질문&답변

안녕하세요 redirect 이용해서 구현하는 것에 질문이 있어요
예를 들면

1) 어떤 상세 페이지에서 컨텐츠 보고 있었음

2) 토큰만료 되서 로그인 페이지로 감

3) 재로그인하고 아까 상세 페이지로 복귀

또는

1) 로그아웃했음 (auth state 에 따라 redirect함)
2) 뒤로 가기가 있는 로그인 페이지로 이동
3) 뒤로가기 하고 싶으나 (context.pop할 페이지가 없다고 나옴)

이런 시나리오라 할 떄

go router 같은 경우 redirect 으로 로그인 페이지로 보내게 되면 context.pop할때 뒤로갈 페이지가 없다고 되는데 이런경우는 어떻게 다뤄야할까요?

당장 생각되는건 redirect 되는 페이지들이 context.go 처럼 작동되어서 context.push 같이 redirect 될 수 있도록 조절이 가능하면 좋을 것 같다는 생각이 드는데 방법이 있는지 궁금해요.

만약에 위 해결 방법이 없다면 수동적으로라도 redirect 을 사용 안하고 auth state 별로 라우팅을 명시해주는게 나을까요..?

아래는 구현한 코드 예제입니다

final goRouterProvider = Provider<GoRouter>((ref) {
  final authProvider = AuthNotifier(ref: ref);

  return GoRouter(
    navigatorKey: MyApp.navigatorKey,
    debugLogDiagnostics: false,
    initialLocation: RouterPathEnum.SPLASH.path,
    redirect: authProvider.redirectLogic,
    refreshListenable: authProvider,
    routes: [
      ...RouterPathEnum.values
          .map(
            (value) => transitionRoute(
              path: value.path,
              routerEnum: value,
              duration: const Duration(milliseconds: 500),
            ),
          )
          .toList(),
      ...goDynamicRouteList,

      /// -- Deep Link Page --
    ],
  );
}); 


class AuthNotifier extends ChangeNotifier {
  final Ref ref;

  AuthNotifier({required this.ref}) {
    //LoginPlatformEnum 상태 listen -> 상태가 변경되면 notifyListeners() 호출
    ref.listen<LoginPlatformEnum?>(
      authViewModelProvider,
      (previous, next) {
        if (previous != next) {
          notifyListeners();
        }
      },
    );
  }

  String? redirectLogic(_, GoRouterState state) {
    final authState = ref.read(authViewModelProvider);

    /// 로그인 여부
    final authenticated = authState;

    /// 로그인 하려는 경우
    final authenticating = (state.matchedLocation == RouterPathEnum.LOGIN.path) ||
        (state.matchedLocation == RouterPathEnum.SIGNUP.path) ||
        (state.matchedLocation == RouterPathEnum.PASSWORD_RESET.path);

    final isSplash = (state.matchedLocation == RouterPathEnum.SPLASH.path);

    log('authenticated.value: $authenticated authenticating: $authenticating');
    if (isSplash) return null;

    /**
     * authenticated - 로그인이 안된 경우 (LoginPlatformEnum.none)
     * 로그인을 시도하는 케이스 : 원하는 페이지로 이동
     * 그 외 케이스 : 로그인 페이지 이동
     */

    if (authenticated == LoginPlatformEnum.NONE) {
      return authenticating ? null : RouterPathEnum.LOGIN.path;
    }

    /**
     * authenticated - 로그인 성공한 경우
     * 로그인하려는 페이지 or splash -> total main 페이지로 이동
     * 그 외 케이스 : 원하는 페이지로 이동
     */
    return (authenticating) ? RouterPathEnum.TOTAL_MAIN.path : null;
  }
}