Flutter集成Auth0后无法跳转至指定URL问题求助

核心问题与修复步骤 #

1. 异步认证方法未正确处理 #

你的login()函数调用了异步方法appAuth.authorizeAndExchangeCode，但未使用await等待认证完成，且调用处也未处理异步逻辑——这导致认证流程还没走完就继续执行后续代码，完全没有触发认证成功后的路由跳转。

修改登录函数：

import 'package:flutter/foundation.dart';
import 'package:flutter_appauth/flutter_appauth.dart';
import 'package:flutter_dotenv/flutter_dotenv.dart';
import 'package:go_router/go_router.dart';
import 'package:flutter/material.dart';

const appAuth = FlutterAppAuth();

// 增加BuildContext参数用于路由跳转
Future<void> login(BuildContext context) async {
  final authorizationTokenRequest = AuthorizationTokenRequest(
    dotenv.env['AUTH0_CLIENT_ID']!,
    dotenv.env['AUTH0_REDIRECT_URI']!,
    scopes: ['openid', 'profile', 'email', 'offline_access'],
    issuer: dotenv.env['AUTH0_ISSUER']!,
  );
  try {
    final result = await appAuth.authorizeAndExchangeCode(authorizationTokenRequest);
    if (kDebugMode) {
      print(result);
    }
    // 认证成功后手动跳转至dashboard
    if (result != null) {
      context.go('/dashboard');
    }
  } catch (e) {
    if (kDebugMode) {
      print('认证失败: $e');
    }
  }
}

修改调用处代码：

ElevatedButton(
  onPressed: () async {
    await login(context); // 等待认证流程完成
  },
  child: const Text('Login'),
),

2. 深层链接回调未与GoRouter关联 #

你设置的回调URL是com.xxxxxxxx.counter42://dashboard，但GoRouter未配置如何处理这个自定义Scheme的链接。需要通过路由重定向逻辑，处理应用从Auth0回调唤醒后的路由跳转。

更新GoRouter配置：

final GoRouter _router = GoRouter(
  routes: <GoRoute>[
    GoRoute(
      path: '/',
      builder: (context, state) => const Welcome(),
    ),
    GoRoute(
      path: '/dashboard',
      builder: (context, state) => const Dashboard(),
    ),
    GoRoute(
      path: '/preferences',
      builder: (context, state) => const Preferences(),
    ),
    GoRoute(
      path: '/player_counter',
      builder: (context, state) => const PlayerCounter(),
    )
  ],
  // 添加重定向逻辑，处理认证状态与回调路由
  redirect: (context, state) {
    // 此处需实现用户认证状态判断逻辑，比如读取本地存储的token
    final isAuthenticated = false; // 替换为实际的认证状态判断
    // 已认证且当前在登录页时，自动跳转到dashboard
    if (isAuthenticated && state.location == '/') {
      return '/dashboard';
    }
    return null;
  },
);

3. 补充：认证状态持久化 #

需要将认证得到的token（如id_token）存储到本地（可使用shared_preferences），这样应用重启或跳转时能判断用户是否已认证，避免回到登录页。

示例存储逻辑（在login函数认证成功后添加）：

if (result != null) {
  final prefs = await SharedPreferences.getInstance();
  await prefs.setString('id_token', result.idToken!);
  context.go('/dashboard');
}

内容的提问来源于stack exchange，提问作者Bus42