supabaseの下準備とコンソール

早速supabaseに入門します。

アカウントを作成、プロジェクトを作りダミーデータを入れてみる事でコンソールにも少し触れていきます。またFlutterで必要なAPIキー、APIURLの確認方法も学んでいきます。

Contents

github連携でアカウント作成
Flutter用クイックスタート
プロジェクト作成
SQLエディターのクイックセットアップ
テーブルエディタから確認
（テスト）ダミーデータを入れてみる
- ダミーユーザーを登録
- テーブルにダミーデータを登録
（テスト）ダミーデータの消去
- テーブルのダミーデータ消去
- authenticationのダミーユーザー消去
APIキーとAPIURL
- 要注意

github連携でアカウント作成

2022年2月時点ではGitHubアカウントでのみアカウント作成が可能なようです。

こちらのページからアカウントを作成します。https://app.supabase.io/

少し待つとプロジェクトが作成され、管理画面が出てきます。

Flutter用クイックスタート

こちらにFlutter用のクイックスタートがあり、今回はこちらを参考に進めていきます。

https://supabase.com/docs/guides/with-flutter

プロジェクト作成

New Projectボタンを押します。

そうすると、新規作成になるので入力します。

今回は下記を入力しました

Name…StartOfFlutterAndSupaBaseTest001
DataPassword…お好みのパスワード
Region…Northeast Asia(Tokyo)
Pricing Plan…Free tier

Setting up <データベース名>が出るのでしばらく待ちます。

StartOf <データベース名>と表示されれば作成完了です。

SQLエディターのクイックセットアップ

左のメニューの「SQL Editor」のアイコンを選択すると、SQLエディターが開きます。SQLを1から記述する他に、いくつかのテンプレートの中からSQLを自動生成してくれる便利な仕組みもあるようです。

今回は「User Management Starter」を選ぶとSQLが自動で生成されて表示されるのでRunを押します。

※補足※

ここで自動生成されるテンプレートを一部抜粋すると、下記のフィールドを持った「profiles」というテーブルを生成するようです。

[id]…auth.usersに紐づいたuuid(supabaseのauth情報にあるものじゃないとダメみたい)
[updated_at]…timestamp型
[username]…テキスト型
[avatar_url]…テキスト型
[website]…テキスト型

create table profiles (
  id uuid references auth.users not null,
  updated_at timestamp with time zone,
  username text unique,
  avatar_url text,
  website text,

  primary key (id),
  unique(username),
  constraint username_length check (char_length(username) >= 3)
);