概要

SorceryのExternalを使ってTwitterログイン機能を実装中のエラー解消。
とりあえずこの記事を参考に解消しようとしたけど無理だったのでデバッグしていくことにした。

ブラウザのエラー画面

ログインボタンでOauthsController/oauthへリクエスト、コールバックで401 Authorization Required

ログをみる

log/development.log

うまくリダイレクトできてないようだが原因がわからない

Unpermitted parameters: :oauth_token, :oauth_verifierがあるのでOauthsController/auth_paramsへ追加してみるもエラーは変わらず。

binding.pryで止めてみる

login_from(provider)ここでtrueでもfalseでもnilでもなくエラーが入っている？
最終行にfrom/Users/...consumer.rb:236とあるのでgemの中を見に行く。

consumer.rbでpry

1回目
Twitter側に行く際の挙動？

response 200
response.body oauth_tokenとoauth_token_secretが格納されている

問題なさそうなのでexitで抜ける

2回目
Twitter側で認証処理をする？

response 200
response.body oauth_tokenとoauth_token_secretが格納されている

1回目と全く同じ
exitで抜ける

3回目
アプリ側に戻ってくる(コールバック)時の処理？

response 401 Authorization Required
response.body Error processing your OAuth request: Invalid oauth_verifier parameter

やっと検索できそうなエラーメッセージが出てきたので検索。

Error processing your OAuth request: Invalid oauth_verifier parameter

片っ端から見ていったけどどれもうまくいかない。
コールバック処理っぽい時にエラー出てたのでそこら辺を見ていくことに。

コールバックあたりをごにょごにょ

[Twitter Developerに登録してるコールバックURL]

[アプリケーション側で設定してるコールバックURL]

クエリがついてるかついてないかだけでURLの整合性は取れている。
ここで詰みかける。
他のURLでも試そうと思いngrokなるものを使ってみた。

ngrokでローカル環境を外部に公開

この記事を参考にセットアップする。
一時的にドメインを取得できる？感じのツールだと認識している。

$ brew cask install ngrok
$ ngrok http 3000

ngrok by @inconshreveable                                                                                                                                         (Ctrl+C to quit)

Session Status                online
Session Expires               5 hours, 17 minutes
Version                       2.3.35
Region                        United States (us)
Web Interface                 http://127.0.0.1:4040
Forwarding                    http://377716c9.ngrok.io -> http://localhost:3000
Forwarding                    https://377716c9.ngrok.io -> http://localhost:3000

Twitter Developereを更新

アプリケーションのコールバックURLも更新

サーバー再起動を忘れずに

ctrl + c
$ rails s

http://377716c9.ngrok.ioへアクセス
ログインしてみると・・・成功した！！！！！！！！！！！！
なんで？

解決

2つの違いを比べてみるとコールバックURLが完全一致してるかどうかだけ。
試しにhttp://localhost:3000/ではなくhttp://127.0.0.1:3000/にアクセスしてログインすると成功した。

127.0.0.1はIPアドレスでそのドメインがlocalhostなので同じ意味だろうと高を括っていたのが原因でした。

※ SorceryのGithubだとコールバックURLがhttp://0.0.0.0:3000/oauth/callback?provider=facebookになってるから、この設定でhttp://localhost:3000にアクセスするとエラーでるから気をつけて。