Subscribed unsubscribe Subscribe Subscribe

hasen's tech life

Twitter: @hasen

ngrokを使って,localの開発環境でFacebookのOAuthをテストする.

# localで開発をしていると,FacebookのOAuthがテストできなくて困っていた.
# ngrokを使うことで回避できた.
# 参考: Using Localhost For Facebook App Development

$ brew install ngrok
$ brew install caskroom/cask/ngrok
$ ngrok version
> ngrok version 2.0.19

# ngrok
# アカウントを作成してauth-tokenを取得
$ ngrok authtoken AUTH_TOKEN
# ~/.ngrokに保存される

$ php -S localhost:PORT_NUMBER
$ ngrok http PORT_NUMBER
# Forwardingに表示されるURLを確認

# Facebook Developers
# Facebookの開発者ページで,
# My Apps -> Settings -> Basic -> Website -> Site URLに上記URLをペースト
# My Apps -> Settings -> Advanced -> Client OAuth Settings -> Valid OAuth redirect URIsに上記URLをペースト
# OAuthを試す.
# この時,登録したngrokのURLからアクセスする.
# localhost:PORT_NUMBERからアクセスすると,コールバック時に下記のエラーが出る.
# InvalidStateException in AbstractProvider.php line 191: