LoginSignup
13
5

More than 1 year has passed since last update.

Hasura と Supabase を接続する

Posted at

Hasura はデフォルトで Heroku に DB が作成されますが、ここでは Supabase の DB と接続する方法を説明します。

前提条件

  • Hasura でプロジェクトを作成済み
  • Supabase でプロジェクトを作成済み

手順

① Supabase のデータベース URL をコピーする

プロジェクトを開き、Settings (歯車のマーク) をクリックします。
スクリーンショット 2021-06-19 16.40.06.png

Database をクリックします。
スクリーンショット 2021-06-19 16.41.21.png

Connection stringCopy をクリックします。
スクリーンショット 2021-06-19 16.43.35.png

② Hasura 側にペーストする

作成したプロジェクトのコンソールを開き、DATA をクリックします。
スクリーンショット 2021-06-19 16.51.02.png

Connect Existing Database タブを選択します。
スクリーンショット 2021-06-19 16.53.17.png

Database Display Name に任意の名前を入力し、
Database URL には先ほど Supabase からコピーした URL をペーストします。
スクリーンショット 2021-06-19 16.56.18.png

[YOUR-PASSWORD] となっている箇所を、Supabase でプロジェクトを作成したときに設定したパスワードに直します。
スクリーンショット 2021-06-19 16.58.09.png

スクリーンショット 2021-06-19 16.59.42.png

Connect Database をクリックします。
スクリーンショット 2021-06-19 16.59.50.png

Data sourse added successfully と表示されれば接続完了です。
スクリーンショット 2021-06-19 17.00.38.png

ちゃんと接続されているか確認する

試しに Hasura 側でテーブルを作って、適当にデータを入れてみます。
スクリーンショット 2021-06-19 17.11.13.png
スクリーンショット 2021-06-19 17.16.14.png
スクリーンショット 2021-06-19 17.17.04.png

Supabase 側で反映されていることを確認できました。
スクリーンショット 2021-06-19 17.18.15.png

13
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
5