学生向けプログラミング入門 | 無料

学生向けにプログラミングを無料で解説。Java、C++、Ruby、PHP、データベース、Ruby on Rails, Python, Django

Rails7.1 | 仕事売買アプリ作成 | 54 | 本番環境のコールバック

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



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



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

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

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

Google認証

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

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



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

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



Facebook認証

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

サイトURL変更
サイトURL変更



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

設定
設定



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

有効なOAuthリダイレクトURI
有効なOAuthリダイレクトURI



Stripeコネクト

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

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


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


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


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


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



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




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