Как добавить SDK проверки приложения Firebase в мое веб-приложение?

Я зарегистрировал свой reCAPTCHA v3 секретный ключ в Firebase console для своего веб-приложения. Теперь я хочу добавить SDK для проверки приложений на стороне клиента. Это мой импорт в моем index.html:

<script src = "https://www.gstatic.com/firebasejs/9.14.0/firebase-app-compat.js"></script>

<script src = "https://www.gstatic.com/firebasejs/9.14.0/firebase-database-compat.js"></script>

<script src = "https://www.gstatic.com/firebasejs/9.14.0/firebase-auth-compat.js"></script>`

<script src = "https://www.gstatic.com/firebasejs/9.14.0/firebase-app-check-compat.js" async defer></script>

<script src = "https://www.google.com/recaptcha/api.js?render=MY_SITE_KEY_HERE" async defer></script>

Это мой javascript:

const firebaseConfig = {
  apiKey: "ABCDEF",
  authDomain: "ABCDEFGH.firebaseapp.com",
  projectId: "ABCDEFGHO",
  storageBucket: "project_name.appspot.com",
  messagingSenderId: "123456789",
  databaseURL: "https://project)name.firebaseio.com",
  appId: "1:12345678:web:f4r3rsdf322e112c800"
};

firebase.initializeApp(firebaseConfig);

document.getElementById("submit").addEventListener("click",function(event){

     firebase.initializeAppCheck(firebase.initializeApp(firebaseConfig),{
        provider: new ReCaptchaV3Provider('MY_SITE_KEY_HERE'),
        isTokenAutoRefreshEnabled: true
     });
})

При нажатии кнопки submit в моей консоли появляется эта ошибка:

Uncaught (в обещании) ReferenceError: ReCaptchaV3Provider не определен

Как это исправить? Это правильный способ установить SDK для проверки приложений?

скрыть детали конфигурации firebase

ᴅ ᴇ ʙ ᴊ ᴇᴇ ᴛ 18.11.2022 13:39
Интеграция Angular - Firebase Analytics
Интеграция Angular - Firebase Analytics
Узнайте, как настроить Firebase Analytics и отслеживать поведение пользователей в вашем приложении Angular.
0
1
113
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

вам нужно добавить код импорта

import {ReCaptchaV3Provider} from "firebase/app-check"

Другие вопросы по теме