【Supabase】 Flutter + Supabase Authentication で Phone Login(SMS)のサインアップ・サインイン処理のサンプルを作った【Flutter】

Dart Flutter Supabase Supabase Authentication SMS

こんにちは。pregum_foxです。

今回はFlutterでPhone Login(SMS)のサンプルを作成します。

前回はEmailを用いたMagic Linkのサンプルを作成しました。

今回は下記のPhone Loginのサンプルを作成します。

他の認証サンプルを見たい場合は下記記事から確認できます。

それでは目次です。

完成版
開発端末
検証端末
大まかな手順
CPaaS(Communications Platform as a Service)の選定
- Twilio Verifyでのlimitと使用可能な送信可能なチャンネルについて
- サポートされているチャンネル
導入手順
- CPaaS(Twilio)の設定とSupabaseとの連携
  - Twilioの設定
    - Twilio アカウントとプロジェクトの作成
    - Twilio Message Service SIDの取得
    - Twilio Account SIDとTwilio Auth Tokenの取得
    - 電話番号のリリース方法
  - Supabaseの設定
    - プロジェクトの作成
    - API Keyの取得・設定
    - プロバイダの設定
    - （オプション）SMSカスタムテンプレートの設定
- クライアント側の実装
完成
まとめ
雑感
参考URL

【Supabase】Flutter + Supabase Authentication で Magic Link のサインアップ・サインイン処理のサンプル作った【Flutter】

Supabase Flutter Supabase Authentication Email Magic Link

こんにちは。pregum_foxです。

今回はFlutterでEmailを用いたMagic Linkのサンプルを作成します。

前回はEmail + password（確認メールありver）のサンプルを作成しました。

今回は下記のMagic Linkのサンプルを作成します。

他の認証サンプルを見たい場合は下記から確認できます。

それでは目次です。

ポイント
完成版
開発端末
検証端末
Supabaseプロジェクトの作成
API Keyの取得・設定
- API Keyの取得
- API Keyの設定
Emailプロバイダの設定
- Email認証の有効化の確認
- Redirect URLsとアプリ側のカスタムURLの設定の確認
  - Android
  - iOS
Magic Linkでのサインイン・サインアップ処理の実装
完成
ローカルサーバの場合
- Supabaseのローカルサーバを立ち上げる
- additional_redirect_urls の設定
- Inbucket上でメール確認
まとめ
雑感
参考URL

Dart Flutter Supabase Email Inbucket

こんにちは。pregum_foxです。

今回はFlutterでEmail + password（確認メールありver）のサンプルを作成します。

前回はEmail + password（確認メールなしver）のログインサンプルを作成しました。

今回は下記のEmail + password（確認メールありver）のサンプルを作成します。

現状のサンプルの作成状況は下記ページにまとめています。

他の認証サンプルを見たい場合はこちらから確認できます。

それでは目次です。