質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
Firebase Authentication

Firebase Authenticationは、Firebaseを利用したユーザーの認証機能です。バックエンドサービス、SDK、アプリでのユーザー認証に使用できるUIライブラリが用意されています。

Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

Authentication

Authentication(認証)は正当性を認証する為の工程です。ログイン処理等で使われます。

解決済

firebase で facebook ログイン時にポップアップダイアログでセキュアエラー?

akasatanaha
akasatanaha

総合スコア43

Firebase Authentication

Firebase Authenticationは、Firebaseを利用したユーザーの認証機能です。バックエンドサービス、SDK、アプリでのユーザー認証に使用できるUIライブラリが用意されています。

Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

Authentication

Authentication(認証)は正当性を認証する為の工程です。ログイン処理等で使われます。

1回答

0評価

0クリップ

355閲覧

投稿2022/01/28 01:57

編集2022/02/02 01:12

firebase を使用してWEBブラウザからSNSログインをさせたいと思っております。
google ログインはできたのですが、次の facebook でログインしようとボタン押下すると
起動したログインのポップアップ画面で

「情報の転送の際にXXXXXXXがセキュアな接続を使用していないことがFacebookにより検出されました。
XXXXXXXのセキュリティ設定が更新されるまで、Facebookでこのアプリにログインすることはできません。」

となります。

XXXXには、呼び先の facebook アプリの名前が入っております。
なので、ソース的には間違えてないと思っており、Facebookアプリの設定かな?と思っております。

やったこと

facebook アプリのセキュリティ設定を変更すれば良いのだなと思って developers.facebook.com で設定項目を色々みて変更して試しました。
有効なOAuthリダイレクトURIには、結果項目の画像が表示されているURLに含まれている redirect_uri を登録しております。

クライアントOAuth設定 デバイスログイン ON 埋め込みブラウザーOAuthログイン ON Login with the JavaScript SDK ON JavaScript SDK に許可されたドメイン localhost, (WEBドメイン), (firebaseのアプリドメイン)

他も色々と試したりしました。
あとは何か抜けているところなどありましたら、ご教示よろしくお願いいたします。

Facebookログインの設定

イメージ説明

結果

イメージ説明
上記画像のリクエストパラメータ

{ "https://www_facebook_com/v8_0/dialog/oauth?response_type": "code,granted_scopes", "client_id": "00000000000000", "redirect_uri": "https://xxxxxxx.firebaseapp.com/__/auth/handler", "state": "hogehoge", "scope": "public_profile", "context_uri": "http://localhost" }

context_uri が localhost だから駄目なのだろうか???
ローカル環境から確認しているのが駄目なのだろうか???

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Firebase Authentication

Firebase Authenticationは、Firebaseを利用したユーザーの認証機能です。バックエンドサービス、SDK、アプリでのユーザー認証に使用できるUIライブラリが用意されています。

Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

Authentication

Authentication(認証)は正当性を認証する為の工程です。ログイン処理等で使われます。