Pengaturan Supabase Apple Login pada iOS

Persyaratan

Guid ini akan membantu Anda mengintegrasikan Sign-In Apple dengan Autentikasi Supabase pada iOS. Dengan asumsi Anda telah menyelesaikan:

• Apple Login iOS setup setup Apple Login iOS
• Indonesia Konfigurasi Login Apple Supabase - Umum.

Penerapan

Implementasi lengkap tersedia di file Contoh aplikasi’s supabaseAuthUtils.ts file ini. Panduan ini menjelaskan konsep utama dan cara menggunakan fitur ini.

Menggunakan Bantuan Autentikasi

fungsi ini mengelola seluruh alur autentikasi: 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);
}

Bagaimana Cara Kerjanya

Pada iOS, Sign-In Apple menggunakan implementasi native:

1. Inisialisasi: Plugin menggunakan ID Paket Aplikasi Anda secara otomatis (tidak clientId diperlukan)
2. Sign-In 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 dikirimkan ke Supabase menggunakan signInWithIdToken()

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

Catatan Penting

Konfigurasi ID Paket

• 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

ID Klien Supabase

Di 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).

Pembelajaran

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
• Pengaturan Supabase: Pastikan ID Aplikasi Anda terkonfigurasi dengan benar di pengaturan penyedia Apple Supabase
• Validasi token gagal: Periksa apakah token identitas sedang diterima dari Apple
• Review the contoh aplikasi code sebagai referensi

Lanjutkan dari Pengaturan Login Apple di iOS Supabase

Jika Anda menggunakan Pengaturan Login Apple di iOS Supabase 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-nasional untuk detail implementasi di @capgo/capacitor-biometrik-nasional, dan Autentikasi dua faktor untuk detail implementasi di Autentikasi dua faktor.