Rails7.1 | 民泊予約アプリ作成 | 49 | 本番環境のコールバック

↓↓クリックして頂けると励みになります。

【48 | Heroku postgresの設定】 << 【ホーム】 >> 【50 | 機密情報 ENVの設定】

このプロジェクトでコールバックによるリダイレクトを利用しているサービスは以下の３つです。

1. Google認証
2. FaceBook認証
3. Stripeコネクト

これらのサービスは、開発環境時にlocalhost:3000としていた部分をherokuで取得したドメインアドレスに変更する必要があります。

Google認証

Google Cloudのコンソール画面で、「認証情報」の登録してある「OAuth 2.0 クライアント ID」をクリックします。

認証情報「OAuth 2.0 クライアント ID」

「URLを追加」をクリックし、Herokuのドメインアドレスを入れた承認済みのリダイレクト URIを登録して保存します。
https://アプリケーション名.herokuapp.com/auth/google_oauth2/callback

承認済みのリダイレクト URI登録

Facebook認証

Meta For Developersのダッシュボードで「ベーシック」の「ウェブサイト」のアドレスをhttps://アプリケーション名.herokuapp.com/に変更してください。

サイトURL変更

次に有効なOAuthリダイレクトURIの設定をします。
ダッシュボードの「製品」の「設定」を開きます。

設定

有効なOAuthリダイレクトURIの欄に以下のアドレスを入力します。
https://アプリ名.herokuapp.com/auth/facebook/callback

有効なOAuthリダイレクトURI

Stripeコネクト

ストライプのダッシュボード左の「設定」をクリックします。

設定

connectの設定をクリックします。

connectの設定

リダイレクトで「URI追加」をクリックします。

URI追加

URIは「https://アプリ名.herokuapp.com/auth/stripe_connect/callback」にします。
ご自分のherokuアプリ名を入れてください。


追加したURIをデフォルトに設定して下さい。

デフォルトに設定

以上で設定は終わりです。

【48 | Heroku postgresの設定】 << 【ホーム】 >> 【50 | 機密情報 ENVの設定】

↓↓クリックして頂けると励みになります。