Laravel5.6 Socialiteを使ったFacebook認証について

Question

はじめに

Socialite初心者です。

行いたいこと

Facebook認証でユーザの会員登録の実現

バージョン

composer.jsonの一部

"laravel/framework": "5.6.*",
"laravel/socialite": "^3.0",

socialiteの設定

以下サイトからFacebookの記述をコピペでとりあえず作成
※Controllerはartisanコマンドではなく自作しました
https://www.ritolab.com/entry/33

発生するエラー

Facebookの設定

エラー内容で書かれているところらしき部分は埋まっています。

質問

上記設定を行っているのに、なぜ

URLを読み込めません: このURLのドメインはアプリのドメインに含まれていません。このURLを読み込むには、アプリ設定のアプリドメインにすべてのドメインとサブドメインを追加してください。

というエラーが発生するのでしょうか？
エラーで検索を行っても、「アプリドメインを設定しろ」という記事ばかりで……
ご存知の方がいらっしゃいましたら、ご教示いただけますと幸いです。
よろしくお願いいたします。

Answer 1

Facebookアプリ側の Facebookログイン > 設定 > 有効なOAuthリダイレクトURI の値と、
Laravelアプリ側の .env ファイルでのリダイレクトURIの値が
一致していないのではないでしょうか。

Comments

[nnahito]

まさしくそこでした！！そこが空白になっておりました！！
そんなところにも落とし穴が……ありがとうございます！

Answer 2

FACEBOOK_CALLBACKURLに設定してるURLと
アプリドメインが一致してないのでは。
最初にやりがちなエラー。

後やっぱりそういう記事は変な使い方してる。素のPHPの癖が抜けてない。

こうすればルーティングは一つで済む。

Route::get('auth/{$provider}', 'OAuthLoginController@redirect');
Route::get('auth/callback/{$provider}', 'OAuthLoginController@callback');

コントローラーは

  public function redirect($provider) {
    return Socialite::driver($provider)->redirect();
  }

  public function callback(Request $request, $provider) {
    //承認しなかった場合のチェックをここで
    if (!$request->has('code')) {
        return redirect('/');
    }

    // ユーザ属性を取得
    $user = Socialite::driver($provider)->user();

    // デバッグ（デモンストレーション用）
    dd($user);
  }

素のPHP関数とか一つも使ってない。
ここまで簡単に使えるSocialiteをなんで無駄に複雑にするのか。

Comments

[nnahito]

ご回答有り難うございます。
ドメイン（example.comみたいな場所ですよね？）は一致しております……
ほかになにか、間違えてそうな部分ってありますでしょうか？

[Lulucom]

@nnahito
.envファイルかconfig/services.phpファイルでコールバック先（リダイレクトURL）を指定していると思いますがそちらは大丈夫ですか？

[nnahito]

ご返信有難うございます。

config/services.phpファイルは、
'facebook' => [
'client_id' => env('FACEBOOK_API_ID'),
'client_secret' => env('FACEBOOK_API_SECRET'),
'redirect' => env('FACEBOOK_CALLBACKURL'),
],

と、envから呼び出すようになっており、
envは、

FACEBOOK_API_ID=123456789
FACEBOOK_API_SECRET=xxxxxxxxx
FACEBOOK_CALLBACKURL=https://dev.example.com/auth/callback/facebook

となっております……（ドメインは一致）

[Lulucom]

@nnahito
スクショでは dev.xxx.jp で、.envでは dev.example.com なので一致してないのではないでしょうか。

[nnahito]

申し訳ありません、自分のサービスのドメインじゃないため念の為マスクを掛けています。
そこは一致している認識でお願いいたします。

頂いた表記をお借りしますと、スクショのドメインがdev.xxx.jpとしたら、
envの設定は、https://dev.xxx.jp/auth/callback/facebookです

[Lulucom]

@nnahito
Facebookアプリの設定で、Facebookログイン > 設定 > 有効なOAuthリダイレクトURI は大丈夫ですか？

[nnahito]

@Lulucom　様
こちらでした！そこが空白になっておりました