facebookログインで「このURLのドメインはアプリのドメインに含まれていません。」が出る時
通常のhttp通信だと以下のようなエラーが発生します。
URLを読み込めません: このURLのドメインはアプリのドメインに含まれていません。 このURLを読み込むには、アプリ設定のアプリドメインに全てのドメインとサブドメインを追加してください。
facebookログインの実装には開発環境でもプロトコルが https
である必要があります。
しかし、デフォルトの開発環境では、http://localhost:3000
しか使えません。
そこで、 thin
というgemを使って開発環境でもhttps通信できるように設定をしてあげましょう。
インストール
gem 'thin' # 開発環境用webサーバー
bundle install --path vendor/bundle
thinの起動
以下のコマンドを実行します。
bundle exec thin start --ssl -p 3001
Chromeで https://localhost:3001/
を開くと証明書の選択というダイアログが表示されますので「OK」を選択してください。
「詳細設定」をクリックし
「localhostにアクセスする(安全ではありません)」を選択するとアクセスすることができます。