0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

FirebaseのプロジェクトにAppCheck(reCAPTCHA)を導入する際の備忘録

Posted at

結論

APIキーの「reCAPTCHAのAPI」を有効にする

詳細な情報

多くの人がFirebaseプロジェクトを立ち上げて、コンソールからAppCheckなるものを選択して、使用すると思います。

AppCheckの説明reCAPTCHA有効にすれば良いことが分かり、有効にすることでしょう。なんやかんやあって、reCAPTCHAキーを作成します。

すると、初回reCAPTCHA認証を終えないreCAPTCHA使えないことが分かります。reCAPTCHAtoken取得して、書いてある通りにJSONデータ送信すると、403エラーで悩みます。

なぜ403エラーになるかというと、Firebaseプロジェクト立ち上げた後reCAPTCHA導入するとAPIの使用許可下りていないため、403エラーになります。

そのため、GCPコンソールからFirebase立ち上げたプロジェクト選択して、APIとサービスから認証情報辿ると「APIキーの欄Firebaseから作成されたAPIキーあるはずなので、「操作」のところにある「APIキーを編集」をクリックして編集を行います。

どこを編集するのかですが、「APIの制限の欄の「XX個のAPI」を選択して、フィルタに「reCAPTCHA」と入力する有効にしたreCAPTCHAのAPI」が出てくるので、有効にします。

その後、再度token取得して、JSONデータ送信する認証成功します。

自分のための備忘録なので、このケースに当てはまらない人はごめんなさい...

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?