LoginSignup
3
0

【備忘録】SupabaseAuth を @supabase/supabase-js と @supabase/ssr で比較する

Posted at

はじめに

SupabaseAuth@supabase/supabase-js@supabase/ssr
を使った時の違いについてまとめた 備忘録 です。

今回は GitHubOAuth認証 を使用して ログイン処理 を行った時についてまとめます。

@supabase/supabase-js を使った時

ローカルストレージ側
image.png

oauth_provider_token に GitHubAPIを叩く アクセストークン
sb-<projectURL>-auth-tokenprovider_tokenSupabase側のアクセストークン
等を持つオブジェクトが代入されています。

cookie側
image.png

sb-access-tokenSupabase側のアクセストークン
sb-refresh-tokenSupabase側のリフレッシュトークン が代入されています。

それぞれ ローカルストレージ側のsb-<projectURL>-auth-token にも代入されています。

@supabase/ssr を使った時

ローカルストレージ側
image.png

oauth_provider_token に GitHubAPIを叩く アクセストークン が代入されています。

cookie側
image.png

sb-<projectURL>-auth-token.0Supabase側のアクセストークン 等を持つオブジェクトが代入されています。(provider_token は入ってないです。)

sb-<projectURL>-auth-token.1日時 が代入されています。
おそらく セッション更新日時 だと思われます。

@supabase/supabase-js と @supabase/ssr は併用出来るのか?

@supabase/ssr でログイン -> @supabase/supabase-js でユーザ情報を取得 -> できない

@supabase/supabase-js でログイン -> @supabase/ssr でユーザ情報を取得 -> できない

認証において 互換性がない ので併用できません。

3
0
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
3
0