Laravel + Socialite + Vue(Nuxt)でtwitter認証をしようとするとsession周りで躓きます。

Question

https://qiita.com/hareku/items/ea09602bf40bf0a42040を参考にしてやっています。

エラーの内容としては

Type error: Argument 1 passed to League\OAuth1\Client\Server\Server::getTokenCredentials() must be an instance of League\OAuth1\Client\Credentials\TemporaryCredentials, null given, called in /vendor/laravel/socialite/src/One/AbstractProvider.php on line 113

というもので

        $temp = $this->request->session()->get('oauth.temp');

ここの行でSessionからoauth.tempが取得できなくnullとなってしまいます。

server側を127.0.0.1:8000のphp artisan servで動かしており、
client側はnuxtで127.0.0.1:3000で動かしております。

処理手順としては
[1]Client : /redirectにアクセスするとserver側のauth/twitter/redirectへGETでAPI通信
[2]server : redirect用のURL変換
[3]Client : token月のURLをもらってtwitterへ行き認証 /callbackへ戻る
[4]Client : tokenがquerystringで付いているのでそれをつけてserverのcallbackへ送る

[4]の処理のところで

$user = Socialite::driver('twitter')->user();

をしており、ここでSessionにoauth.tempがないので上記のエラーが出ています。
1~4のserver処理を手動でやるとしっかりSessionに入っているのですがclientとserverを組み合わせてやるとできません。

[1]の通信のSocialite::driver('twitter')->redirect()->getTargetUrl()でSessionに書かれると思うんですがそれが引き継げていない？状況なのかなと思います。

どなたかご教授ください。

Answer 1

こちら、自分は解決しました！！
Twitterだと、
Socialite::driver('twitter')->user();ではなく、
Socialite::driver('twitter')->userFromTokenAndSecret($access_token, $access_token_secret)じゃないとユーザー情報引っ張れないみたいです。。。

$access_tokenと、
$access_token_secretは、https://developer.twitter.com/en/appsの「Keys and tokens」タブで作成できます。

SNSによってこんなにも仕様が違うとは…参考になれば嬉しいです！

Comments

[hotsplus]

結局できずに、他の方法でやってしまいました。。。

再度laravel+nuxtでやって見たのですが、同じところで詰まってしまいました；ｃ；
もしよければそこのコードをgithubなどでオープンにしていただく事は可能でしょうか？

[nooboolean]

すみません。こちら嘘でした…
現在確認したところ、下記のコードどちらも動きます。。。

`Socialite::driver('twitter')->user();`

`Socialite::driver('twitter')->userFromTokenAndSecret($access_token, $access_token_secret)`

どうやらこことは関係のないところで知らぬ間にSessionの問題は解決されたみたいでした…

結局謎に包まれたままで気持ち悪いのですが、大変申し訳ございません。。。

Answer 2

こちら、自分も同じところでつまずいているのですが、その後解決しましたでしょうか？
ご回答宜しくお願い致します。

Answer 3

自分では使わないけどステートレスにすればセッションは無効になる。
https://readouble.com/laravel/5.6/ja/socialite.html#stateless-authentication

return Socialite::driver('google')->stateless()->user();

もしくは記事にあるCORSが足りないのでは。

Socialite使うなら普通のLaravelの使い方するのでこれを使うことはほぼない。
普通じゃない使い方してこうやって躓くなら全く便利になってないということ。

Comments

[hotsplus]

回答ありがとうございます。
こちら試して見たいと思います。
corsについては、現状ローカルなので全てのドメインから許可するようにしております。

[hotsplus]

試して見たのですが、twitter認証に付いてはstatelessのmethodは用意されてないみたいです・・・