如何解决错误:缺少所需参数:sitekey?

问题描述 投票:0回答:1

Flutter Web 中的 reCAPTCHA 和 Firebase 初始化问题

我目前正在开发一个 Flutter Web 项目,并在我的 index.html 文件中面临 reCAPTCHA 和 Firebase 初始化的问题。以下是相关代码片段:

<!DOCTYPE html>
<html>
<head>
  <!-- ... other meta tags and scripts ... -->

  <script src="https://www.google.com/recaptcha/api.js?render=***" defer></script>
</head>
<body>
  <script type="module">
    const firebaseConfig = {
      apiKey: "***",
      authDomain: "***.firebaseapp.com",
      projectId: "***",
      storageBucket: "***.appspot.com",
      messagingSenderId: "***",
      appId: "1:***:web:***",
      measurementId: "G-***"
    };
    const app = firebase.initializeApp(firebaseConfig);
  </script>
</body>
</html>

我在 flutter 控制台中遇到以下错误:

Error: Missing required parameters: sitekey
https://www.gstatic.com/recaptcha/releases/3kTz7WGoZLQTivI-amNftGZO/recaptcha__en.js 69:116   <fn>
https://www.gstatic.com/recaptcha/releases/3kTz7WGoZLQTivI-amNftGZO/recaptcha__en.js 723:204  new zZ
https://www.gstatic.com/recaptcha/releases/3kTz7WGoZLQTivI-amNftGZO/recaptcha__en.js 299:189  <fn>
https://www.gstatic.com/recaptcha/releases/3kTz7WGoZLQTivI-amNftGZO/recaptcha__en.js 638:502  new Hz
https://www.gstatic.com/recaptcha/releases/3kTz7WGoZLQTivI-amNftGZO/recaptcha__en.js 315:264  <fn>
https://www.gstatic.com/firebasejs/9.22.1/firebase-app-check.js 1:16295                       <fn>
https://www.gstatic.com/firebasejs/9.22.1/firebase-app-check.js 1:16525                       <fn>

我已经确保已将占位符替换为 reCAPTCHA 网站密钥和 Firebase 项目详细信息的实际值。尽管如此,我仍然面临这个问题。我还附上了 firebase 应用程序检查的屏幕截图以供参考:

有人可以帮我理解为什么即使提供了正确的参数后我仍然收到此错误吗?为 Flutter Web 项目配置 reCAPTCHA 和 Firebase 时,我还应该考虑其他什么吗?任何见解或指导将不胜感激。

预先感谢您的协助!

flutter recaptcha recaptcha-enterprise
1个回答
0
投票

这是我的错误,我从

Google Cloud Console Credentials
获取 API 密钥,但我需要从
https://console.cloud.google.com/security/recaptcha/***/details?project=***

获取它
© www.soinside.com 2019 - 2024. All rights reserved.