Lebih cepat ke konten

Pengaturan Login Apple Supabase di iOS

GitHub

Panduan ini akan membantu Anda mengintegrasikan Sign-In Apple dengan Autentikasi Supabase di iOS. Diperkirakan Anda telah menyelesaikan:

Implementasi lengkap tersedia di file aplikasi contoh. supabaseAuthUtils.ts Guide ini menjelaskan konsep utama dan cara menggunakan fitur ini.

fungsi ini mengelola alur autentikasi secara keseluruhan: authenticateWithAppleSupabase Salin ke clipboard

import { authenticateWithAppleSupabase } from './supabaseAuthUtils';
const result = await authenticateWithAppleSupabase();
if (result.success) {
console.log('Signed in:', result.user);
// Navigate to your authenticated area
} else {
console.error('Error:', result.error);
}

Di iOS, Sign-In Apple menggunakan implementasi native:

  1. Initiasi: Plugin menggunakan ID aplikasi Anda secara otomatis (tidak clientId perlu)
  2. Tanda Tangan Native: Menggunakan tombol Sign in dengan Apple dan alur autentikasi native Apple
  3. Token Identitas: Apple mengembalikan token identitas (JWT) yang berisi informasi pengguna
  4. Autentikasi Supabase: Token identitas dikirim ke Supabase menggunakan signInWithIdToken()

Fungsi bantuan secara otomatis mendeteksi platform iOS dan mengkonfigurasi semuanya dengan tepat.

  • iOS menggunakan ID paket aplikasi Anda secara otomatis untuk Sign-In Apple
  • Pastikan ID paket Anda sesuai dengan yang dikonfigurasi di Portal Pengembang Apple
  • ID paket harus memiliki kemampuan “Sign in with Apple” diaktifkan

Pada Supabase, konfigurasi penyedia Apple Anda dengan:

  • ID Klien: ID Aplikasi Anda iOS (ID Paket) - misalnya, app.capgo.plugin.SocialLogin

Jika Anda juga menggunakan Android/Web, Anda perlu menyediakan baik ID Aplikasi dan ID Layanan di bidang ID Klien Supabase (dipisahkan koma).

Jika autentikasi gagal:

  • Perbedaan ID Paket: Pastikan ID Paket Anda sesuai di Xcode dan Portal Pengembang Apple
  • Kemampuan tidak diaktifkan: Pastikan kemampuan “Masuk dengan Apple” diaktifkan di Xcode
  • Konfigurasi Supabase: Pastikan ID Aplikasi Anda dikonfigurasi dengan benar di pengaturan penyedia Apple Supabase
  • Validasi token gagalPeriksa apakah token identitas sedang diterima dari Apple
  • Ulas Contoh aplikasi code sebagai referensi

Teruskan dari Pengaturan Login Apple Supabase di iOS

Bab berjudul “Teruskan dari Pengaturan Login Apple Supabase di iOS”

Jika Anda menggunakan Pengaturan Login Apple Supabase di iOS untuk merencanakan autentikasi dan alur akun, hubungkannya dengan Menggunakan @capgo/capacitor-social-login untuk kemampuan native di Menggunakan @capgo/capacitor-social-login, @capgo/capacitor-social-login untuk detail implementasi di @capgo/capacitor-login-social, @capgo/capacitor-passkey untuk detail implementasi di @capgo/capacitor-passkey, @capgo/capacitor-biometrik-nativ untuk detail implementasi di @capgo/capacitor-biometrik-nativ, dan Dua faktor autentikasi untuk detail implementasi di Dua Faktor Autentikasi.