为 Flutter Web 设置 App Check 时出现白屏

Question

为了保护我的网站，我尝试将我的 Web Flutter App 和 Firebase 后端链接到 App Check。

我创建了一个 reCAPTCHA v3，它为我提供了两个密钥：

• 网站密钥（公开）
• 密钥

为了将它链接到我的项目，我使用以下代码：

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.web,
  );
  await FirebaseAppCheck.instance.activate(
    webRecaptchaSiteKey: 'website key (public)',  
  );

  runApp(MultiProvider(
    providers: [
      ChangeNotifierProvider(create: (context) => ContentView()),
      ChangeNotifierProvider(create: (context) => AuthBase()),
      ChangeNotifierProvider(create: (context) => TopCollaboratorsProvider()),
    ],
        child: const MyApp(),
      ));
    }

然后在 Firebase 控制台上，我输入了密钥。

但是，当我尝试在 Firebase 托管或其他托管解决方案上在线构建我的网络应用程序时，我的屏幕完全是白色的，我的应用程序没有加载。

在网络模拟器上，一切正常，我的应用程序加载正确。

难道我做错了什么 ？

谢谢您的帮助

Answer 1

1. 你应该有一个 firebase_core 插件
2. 复制在中找到的配置（CDN）firebase/项目概览/项目设置然后将其作为脚本粘贴到 index.html 中你的项目/web/index.html

   最后，在 firebase init hosting 中确保你将 build/web 作为你的文件不公开。