Eメールでログイン
概要
EメールでのログインをSupabaseアプリケーションに設定します。
- SupabaseプロジェクトにEメール認証機能を追加
- ログインのコードをアプリケーションに追加 - JavaScript | Dart
Eメールを設定
- Supabaseプロジェクトのダッシュボードに移動します。
- 左側のサイドバーで、
Authentication
アイコンをクリックします(上部付近)。 - リストから
Settings
をクリックし、Authentication Settings
ページを表示します。 Site URL
にアプリの最終的な(ホストされた)URLを入力します(これは重要です)。Email Auth
の項目でEnable Email Signup
をオンにします。Save
をクリックします。
セルフ・ホスティング
セルフ・ホスティングの場合、提供されたファイルと環境変数を使ってプロジェクトの設定を更新できます。 詳しくはセルフ・ホスティングのドキュメントを参照してください。
クライアント・アプリにログインのコードを追加
ログインを追加するにはクライアント・ライブラリーをご利用ください。
- JavaScript
- Dart
const { user, error } = await supabase.auth.signIn({
email: 'example@email.com',
password: 'example-password',
})
final res = await supabase.auth.signIn(
email: 'example@email.com',
password: 'example-password'
);
final user = res.data?.user;
final error = res.error;
ボタン、リンク、またはUI要素から呼びだすための関数を追加します。
- JavaScript
- Dart
async function signInWithEmail() {
const { user, error } = await supabase.auth.signIn({
email: 'example@email.com',
password: 'example-password',
})
}
Future<void> signInWithEmail() async {
await supabase.auth.signIn(
email: 'example@email.com',
password: 'example-password'
);
}
ログアウトするには次の関数を使います。
- JavaScript
- Dart
async function signOut() {
const { error } = await supabase.auth.signOut()
}
Future<void> signOut() async {
await supabase.auth.signOut();
}