Pengaturan Login Apple Supabase di iOS

Prerequisites

Panduan ini akan membantu Anda mengintegrasikan Sign-In Apple dengan Supabase Authentication pada iOS. Diperkirakan bahwa Anda telah menyelesaikan:

• the Pengaturan Login Apple iOS
• the Pengaturan Umum Apple Login - Supabase.

Implementasi

The complete implementation is available in the Menggunakan Bantuan Autentikasi supabaseAuthUtils.ts file. Panduan ini menjelaskan konsep utama dan cara menggunakan fitur ini.

Fungsi ini mengelola seluruh alur autentikasi:

The authenticateWithAppleSupabase Fungsi ini mengelola seluruh alur autentikasi:

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);
}

Section titled “Bagaimana Cara Kerjanya”

On iOS, Apple Sign-In menggunakan implementasi native:

1. Initialisasi: Plugin menggunakan ID aplikasi Anda secara otomatis (tidak clientId perlu)
2. Sign-In Native: Menggunakan tombol dan alur autentikasi Sign in dengan Apple native
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.

Catatan Penting

Konfigurasi ID Paket

• Penggunaan 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

Dalam Supabase, konfigurasi penyedia Apple Anda dengan:

• ID Klien: ID Aplikasi iOS Anda (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).

Troubleshooting

Jika Autentikasi Gagal:

• ID Paket Tidak Sama: Pastikan ID Paket Anda Sama 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 Provider Apple Supabase
• Validasi Token Gagal: Periksa Apakah Token Identitas Diterima dari Apple
• Pertimbangkan Contoh aplikasi code untuk referensi

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-login Sosial untuk detail implementasi di @capgo/capacitor-social-login, @capgo/capacitor-passkey untuk detail implementasi di @capgo/capacitor-passkey, @capgo/capacitor-native-biometric untuk detail implementasi di @capgo/capacitor-native-biometric, dan Autentikasi dua faktor untuk detail implementasi di Autentikasi dua faktor.