Pengaturan Login Facebook

Pendahuluan

Dalam panduan ini, Anda akan belajar cara mengatur Facebook Login dengan Capgo Social Login. Anda memerlukan hal-hal berikut:

• Akun Pengembang Facebook
• Nama Paket Aplikasi Anda / ID Paket
• Akses ke Terminal untuk Membuat Hash Kunci (Android)

Pengaturan Umum

Jika Anda belum memiliki aplikasi Facebook yang dibuat, ikuti langkah-langkah berikut:

1. Buat Aplikasi Facebook

   Ikuti tutorial untuk Buat Aplikasi

2. Tambahkan Facebook Login ke aplikasi Anda

   Pada Dashboard Pengembang Facebook Anda, tambahkan produk Facebook Login ke aplikasi Anda

3. Sebelum Anda dapat merilis aplikasi ke publik, ikuti langkah ini tutorial untuk mempublikasikannya

Informasi Penting

Berikut adalah tempat Anda dapat menemukan informasi kunci yang dibutuhkan untuk integrasi:

1. CLIENT_TOKEN:

   

2. APP_ID:

   

3. APP_NAME:

   

Penggunaan Facebook untuk Bisnis

Plugin ini mendukung Penggunaan Facebook untuk Bisnis untuk fitur dan izin bisnis. Akun bisnis dapat meminta izin tambahan di atas login konsumen standar, termasuk pengelolaan Instagram dan Halaman.

izin bisnis yang didukung termasuk:

• instagram_basic - Akses ke Instagram Basic Display API
• instagram_manage_insights - Akses ke Instagram Insights
• pages_show_list - Daftar Halaman yang dikelola orang tersebut
• pages_read_engagement - Baca data interaksi dari Halaman
• pages_manage_posts - Kelola postingan di Halaman
• business_management - Kelola aset bisnis

- Lihat - Referensi Izin Facebook - untuk daftar izin lengkap.

- Persyaratan konfigurasi:

1. - Aplikasi Facebook Anda harus dikonfigurasi sebagai Aplikasi Bisnis di Konsole Pengembang Facebook.
2. - Izin bisnis mungkin memerlukan Tinjauan Aplikasi Facebook sebelum digunakan dalam produksi.
3. Perlu diingat bahwa aplikasi Anda harus mematuhi kebijakan penggunaan bisnis Facebook.

Instagram Basic Access

await SocialLogin.initialize({
  facebook: {
    appId: 'your-business-app-id',
    clientToken: 'your-client-token',
  },
});

const res = await SocialLogin.login({
  provider: 'facebook',
  options: {
    permissions: [
      'email',
      'public_profile',
      'instagram_basic',
      'pages_show_list',
      'pages_read_engagement',
    ],
  },
});

const profile = await SocialLogin.providerSpecificCall({
  call: 'facebook#getProfile',
  options: {
    fields: ['id', 'name', 'email', 'instagram_business_account'],
  },
});

Pengelolaan Halaman

const res = await SocialLogin.login({
  provider: 'facebook',
  options: {
    permissions: [
      'email',
      'pages_show_list',
      'pages_manage_posts',
      'pages_read_engagement',
    ],
  },
});

const profile = await SocialLogin.providerSpecificCall({
  call: 'facebook#getProfile',
  options: {
    fields: ['id', 'name', 'accounts{id,name,instagram_business_account}'],
  },
});

Catatan penting:

• Untuk menguji izin bisnis, Anda dapat menggunakan pengguna uji dan aplikasi pengembangan sebelum melakukan tinjauan aplikasi.
• Banyak izin bisnis memerlukan tinjauan aplikasi Facebook sebelum digunakan dalam produksi.
• API bisnis memiliki batasan kecepatan yang berbeda. Periksa dokumentasi platform Facebook saat ini sebelum meluncurkan aplikasi.
• Ikuti langkah-langkah di bawah ini untuk mengatur aplikasi Facebook Anda. Petunjuk Integrasi Bisnis Facebook ketika mengonfigurasi aplikasi.

Pengaturan Android

1. Tambahkan izin internet ke aplikasi Anda AndroidManifest.xml

   Pastikan baris ini ada:

   <uses-permission android:name="android.permission.INTERNET"/>

2. Generasi hash kunci Android Anda

   Langkah ini sangat penting untuk keamanan dan diperlukan oleh Facebook. Buka terminal Anda dan jalankan:

   keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore | openssl sha1 -binary | openssl base64 -A

   Ketika diminta password, gunakan: android

   Catatan

   Untuk rilis, Anda perlu menggunakan keystore rilis Anda:

   keytool -exportcert -alias your-key-name -keystore your-keystore-path | openssl sha1 -binary | openssl base64 -A

3. Tambahkan hash kunci ke aplikasi Facebook Anda

   1. Pergi ke dashboard aplikasi Anda di Facebook Developers
   2. Navigasikan ke Pengaturan > Dasar
   3. Gulir ke bawah ke bagian “Android”
   4. Klik “Tambahkan Platform” jika Android belum ditambahkan dan isi detailnya
   5. Tambahkan hash kunci yang Anda buat
   6. Untuk produksi, tambahkan kedua hash kunci debug dan rilis

4. Perbarui AndroidManifest.xml untuk termasuk:

   <application>
       ...
       <activity android:name="com.facebook.FacebookActivity"
           android:configChanges="keyboard|keyboardHidden|screenLayout|screenSize|orientation"
           android:label="@string/app_name" />
   
       <activity
           android:name="com.facebook.CustomTabActivity"
           android:exported="true">
           <intent-filter>
               <action android:name="android.intent.action.VIEW" />
               <category android:name="android.intent.category.DEFAULT" />
               <category android:name="android.intent.category.BROWSABLE" />
               <data android:scheme="FB[APP_ID]" />
           </intent-filter>
       </activity>
   </application>

   Peringatan

   Pastikan untuk mengganti [APP_ID] dengan ID aplikasi Facebook Anda yang sebenarnya di atribut android:scheme Konfigurasi iOS

Bab yang berjudul “Konfigurasi iOS”

1. Pergi ke dashboard aplikasi Anda di Pengembang Facebook

   1. __CAPGO_KEEP_0__
   2. arahkan ke Pengaturan > Dasar
   3. scroll ke bagian bawah halaman dan klik “Tambah Platform”
   4. Pilih iOS dan isi detail yang diperlukan

2. Buka proyek Xcode Anda dan navigasikan ke Info.plist

3. Tambahkan entri berikut ke Info.plist Anda:

   <key>FacebookAppID</key>
   <string>[APP-ID]</string>
   <key>FacebookClientToken</key>
   <string>[CLIENT-TOKEN]</string>
   <key>FacebookDisplayName</key>
   <string>[APP-NAME]</string>
   <key>LSApplicationQueriesSchemes</key>
   <array>
       <string>fbapi</string>
       <string>fb-messenger-share-api</string>
   </array>
   <key>CFBundleURLTypes</key>
   <array>
       <dict>
           <key>CFBundleURLSchemes</key>
           <array>
               <string>fb[APP-ID]</string>
           </array>
       </dict>
   </array>

   Peringatan

   Ganti nilai berikut:

   • [APP-ID] dengan ID aplikasi Facebook Anda
   • [CLIENT-TOKEN] dengan token klien Anda
   • [APP-NAME] dengan nama aplikasi Anda

4. Ubah pengaturan AppDelegate.swift

   import FBSDKCoreKit
   @UIApplicationMain
   class AppDelegate: UIResponder, UIApplicationDelegate {
         func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
           // Override point for customization after application launch.
   
           // Initialize Facebook SDK
           FBSDKCoreKit.ApplicationDelegate.shared.application(
               application,
               didFinishLaunchingWithOptions: launchOptions
           )
   
           return true
       }
   
       func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {
           // Called when the app was launched with a url. Feel free to add additional processing here,
           // but if you want the App API to support tracking app url opens, make sure to keep this call
   
           if (FBSDKCoreKit.ApplicationDelegate.shared.application(
               app,
               open: url,
               sourceApplication: options[UIApplication.OpenURLOptionsKey.sourceApplication] as? String,
               annotation: options[UIApplication.OpenURLOptionsKey.annotation]
           )) {
               return true;
           } else {
               return ApplicationDelegateProxy.shared.application(app, open: url, options: options)
           }
       }
   }

Menggunakan Facebook Login di Aplikasi Anda

Peringatan

Sebelum Anda Mulai: Ingatlah bahwa dengan Facebook SDK yang baru, jenis token yang Anda terima sepenuhnya bergantung pada pilihan Pengaturan Aplikasi Pengguna, bukan pada pengaturan code Anda. Selalu implementasikan pengaturan token akses dan JWT di backend Anda untuk memastikan autentikasi berfungsi untuk semua pengguna.

1. Mulai login Facebook di aplikasi Anda

   import { SocialLogin } from '@capgo/capacitor-social-login';
   
   // Initialize during app startup
   await SocialLogin.initialize({
     facebook: {
       appId: 'APP_ID',
       clientToken: 'CLIENT_TOKEN',
     }
   })

2. Mengimplementasikan fungsi login

   async function loginWithFacebook() {
     try {
       const result = await SocialLogin.login({
         provider: 'facebook',
        options: {
          permissions: ['email', 'public_profile'],
          limitedLogin: false // See Limited Login section below for important details
        }
       });
       console.log('Facebook login result:', result);
       // Handle successful login
     } catch (error) {
       console.error('Facebook login error:', error);
       // Handle error
     }
   }

   Catatan

   Penggunaan Terbatas (Hanya iOS): Tetapkan limitedLogin untuk true jika Anda ingin menggunakan fitur Penggunaan Terbatas Facebook. Fitur ini hanya tersedia di iOS dan menyediakan privasi yang lebih baik dengan membatasi data yang dibagikan selama proses login.

   Pentingnya Batasan:

   • Hanya iOS: Penggunaan Terbatas hanya berpengaruh pada perangkat iOS dan tidak memiliki dampak pada Android
   • Override ATT: Bahkan jika Anda menetapkan limitedLogin: falseFacebook secara otomatis akan mengubahnya menjadi true jika pengguna belum memberikan izin Penggunaan Aplikasi (ATT)
   • Selalu Tangani Kasus yang Berbeda: Aplikasi Anda harus selalu siap untuk menangani skenario login yang terbatas dan lengkap

   Memeriksa Status ATT:

   // Check if user has granted tracking permission
   const trackingStatus = await SocialLogin.providerSpecificCall({
     call: 'facebook#requestTracking',
     options: {}
   });
   console.log('Tracking status:', trackingStatus.status); // 'authorized', 'denied', 'notDetermined', or 'restricted'

   Implementasi yang Dianjurkan jika access_token dipilih:

   async function loginWithFacebook() {
     try {
       // Check ATT status first
       const trackingStatus = await SocialLogin.providerSpecificCall({
         call: 'facebook#requestTracking',
         options: {}
       });
   
       const result = await SocialLogin.login({
         provider: 'facebook',
         options: {
           permissions: ['email', 'public_profile'],
           limitedLogin: trackingStatus.status === 'denied' // Auto-adjust based on ATT
         }
       });
   
       // Handle different response types based on limited login
       if (result.result.accessToken) {
         // Your app logic should work with both limited and full login
         console.log('Login successful:', result);
       }
     } catch (error) {
       console.error('Facebook login error:', error);
     }
   }

   Apa yang Terjadi dalam Login yang Terbatas:

   • Akses Data yang Dikurangi: Beberapa data pengguna mungkin tidak tersedia
   • Jenis Token yang Berbeda: Token akses mungkin memiliki kemampuan yang berbeda
   • Kepatuhan Privasi: Membantu memenuhi persyaratan privasi iOS

   Perlu Diperhatikan: Selalu tes aplikasi Anda dengan skenario login terbatas dan penuh untuk memastikan aplikasi Anda berfungsi dengan baik dalam kedua kasus. Anda dapat mengetahui lebih lanjut tentang Limited Login di sini.

3. Mengambil Profil Pengguna

   : Setelah login sukses, Anda dapat mengambil informasi profil tambahan:

   async function getFacebookProfile() {
     try {
       const profileResponse = await SocialLogin.providerSpecificCall({
         call: 'facebook#getProfile',
         options: {
           fields: ['id', 'name', 'email', 'first_name', 'last_name', 'picture']
         }
       });
   
       console.log('Facebook profile:', profileResponse.profile);
       return profileResponse.profile;
     } catch (error) {
       console.error('Failed to get Facebook profile:', error);
       return null;
     }
   }
   
   // Example usage after login
   async function loginAndGetProfile() {
     const loginResult = await loginWithFacebook();
     if (loginResult) {
       const profile = await getFacebookProfile();
       if (profile) {
         console.log('User ID:', profile.id);
         console.log('Name:', profile.name);
         console.log('Email:', profile.email);
         console.log('Profile Picture:', profile.picture?.data?.url);
       }
     }
   }

   Saran

   Field Profil Tersedia: Anda dapat meminta field apa pun yang tersedia di Graph Facebook API. Field umum termasuk: id, name, email, first_name, last_name, picture, birthday, gender, location, hometown. Perlu diingat bahwa beberapa field mungkin memerlukan izin tambahan.

   Keterbatasan Tipe Token: Ketika getProfile call hanya berfungsi ketika Anda memiliki token akses (login standar dengan tracking diizinkan). Jika pengguna menolak tracking atau Anda menggunakan login terbatas (token JWT saja), panggilan ini akan gagal. Dalam kasus tersebut, gunakan data profil yang disediakan dalam respons login awal. ⚠️ Kritis: Pengelolaan Token Backend

Bagian berjudul “⚠️ Kritis: Pengelolaan Token Backend”

CRITICAL iOS BEHAVIOR

: Login Terbatas dan Transparansi Aplikasi (ATT) adalahiOS-ONLY iOS-HANYA fitur. Pada Android, Anda akan selalu menerima token akses terlepas dari pengaturan yang Anda pilih. limitedLogin Pengaturan Token iOS

→ Token JWT selalu (hanya untuk iOS):

• limitedLogin: true + Pengguna IZINKAN pelacakan
• limitedLogin: false → Token akses + Pengguna TOLAK pelacakan
• limitedLogin: false → Token JWT (iOS secara otomatis menggantikan pengaturan Anda) Pengaturan Token Android

: Selalu token akses,pengaturan diabaikan. limitedLogin Server backend Anda harus mengelola

__CAPGO_KEEP_0__ Tipe Token Berbeda Karena pengguna iOS dapat menerima token akses atau token JWT tergantung pada pilihan Pengguna yang Melacak Aplikasi mereka, sementara pengguna Android selalu menerima token akses.

Tipe Token oleh Platform

Platform	Pengaturan Login Terbatas	Pilihan Pengguna ATT	Hasil Tipe Token
iOS	true	Apapun	Token JWT
iOS	false	Mengizinkan pelacakan	Token Akses
iOS	false	Mengingkari pelacakan	Token JWT (otomatis override)
Andorid	Apapun	Tidak Ada	Token Akses (selalu)

Pengimplementasian Backend

1. Deteksi Tipe Token dan Tangani Sesuai

   async function loginWithFacebook() {
     try {
       const loginResult = await SocialLogin.login({
         provider: 'facebook',
         options: {
           permissions: ['email', 'public_profile'],
           limitedLogin: false // iOS: depends on ATT, Android: ignored
         }
       });
   
       if (loginResult.accessToken) {
         // Access token (Android always, iOS when tracking allowed)
         return handleAccessToken(loginResult.accessToken.token);
       } else if (loginResult.idToken) {
         // JWT token (iOS only when tracking denied or limitedLogin: true)
         return handleJWTToken(loginResult.idToken);
       }
     } catch (error) {
       console.error('Facebook login error:', error);
     }
   }

2. Contoh Integrasi Firebase

   import { OAuthProvider, FacebookAuthProvider, signInWithCredential } from 'firebase/auth';
   
   async function handleAccessToken(accessToken: string, nonce: string) {
     // For access tokens, use OAuthProvider (new method)
     const fbOAuth = new OAuthProvider("facebook.com");
     const credential = fbOAuth.credential({
       idToken: accessToken,
       rawNonce: nonce
     });
   
     try {
       const userResponse = await signInWithCredential(auth, credential);
       return userResponse;
     } catch (error) {
       console.error('Firebase OAuth error:', error);
       return false;
     }
   }
   
   async function handleJWTToken(jwtToken: string) {
     // For JWT tokens, send to your backend for validation
     try {
       const response = await fetch('/api/auth/facebook-jwt', {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
         },
         body: JSON.stringify({ jwtToken })
       });
   
       const result = await response.json();
       return result;
     } catch (error) {
       console.error('JWT validation error:', error);
       return false;
     }
   }

3. Validasi JWT Backend

   // Backend: Validate JWT token from Facebook
   import jwt from 'jsonwebtoken';
   import { Request, Response } from 'express';
   
   app.post('/api/auth/facebook-jwt', async (req: Request, res: Response) => {
     const { jwtToken } = req.body;
   
     try {
       // Verify JWT token with Facebook's public key
       // See: https://developers.facebook.com/docs/facebook-login/limited-login/token/validating/#standard-claims
       const decoded = jwt.verify(jwtToken, getFacebookPublicKey(), {
         algorithms: ['RS256'],
         audience: process.env.FACEBOOK_APP_ID,
         issuer: 'https://www.facebook.com' // From: https://www.facebook.com/.well-known/openid-configuration/?_rdr
       });
   
       // Extract user info from JWT
       const userInfo = {
         id: decoded.sub,
         email: decoded.email,
         name: decoded.name,
         isJWTAuth: true
       };
   
       // Create your app's session/token
       const sessionToken = createUserSession(userInfo);
   
       res.json({
         success: true,
         token: sessionToken,
         user: userInfo
       });
     } catch (error) {
       console.error('JWT validation failed:', error);
       res.status(401).json({ success: false, error: 'Invalid token' });
     }
   });

4. Pengolah Token Backend Umum

   // Handle both token types in your backend
   async function authenticateFacebookUser(tokenData: any) {
     if (tokenData.accessToken) {
       // Handle access token - validate with Facebook Graph API
       const response = await fetch(`https://graph.facebook.com/me?access_token=${tokenData.accessToken}&fields=id,name,email`);
       const userInfo = await response.json();
   
       return {
         user: userInfo,
         tokenType: 'access_token',
         expiresIn: tokenData.expiresIn || 3600
       };
     } else if (tokenData.jwtToken) {
       // Handle JWT token - decode and validate
       // See: https://developers.facebook.com/docs/facebook-login/limited-login/token/validating/#standard-claims
       const decoded = jwt.verify(tokenData.jwtToken, getFacebookPublicKey());
   
       return {
         user: {
           id: decoded.sub,
           name: decoded.name,
           email: decoded.email
         },
         tokenType: 'jwt',
         expiresIn: decoded.exp - Math.floor(Date.now() / 1000)
       };
     } else {
       throw new Error('No valid token provided');
     }
   }

Konsiderasi Utama

Bahaya

Kritis (Hanya iOS) Paham yang Perlu Diperhatikan:

• iOS: Pilihan pengikatan aplikasi pengguna menentukan jenis token, BUKAN pengaturan code Anda (bahkan ketika limitedLogin: false)
• Android: Selalu menerima token akses, terlepas dari limitedLogin setting
• Pengaturan Terbatas Login adalah HANYA iOS

- Android mengabaikan pengaturan ini sepenuhnya:

• ✅ Token Akses (Login Standar)Android
• ✅ : Selalu tersedia (penghalang iOS-only tidak berlaku)iOS
• ✅ Dapat digunakan untuk mengakses Grafik Facebook API
• ✅ Masa kadaluarsa yang lebih lama
• ✅ Data pengguna yang lebih banyak tersedia
• ❌ Becoming kurang umum pada iOS as pengguna semakin sering menolak tracking

Token JWT (Modus Privasi iOS-Only):

• ❌ Android: Tidak pernah terjadi (tidak didukung)
• ✅ iOS: Ketika tracking ditolak atau limitedLogin: true
• ✅ Menghormati preferensi privasi pengguna iOS
• ❌ Mengandung informasi pengguna dasar hanya
• Waktu kadaluarsa yang lebih singkat ❌
• Tidak ada akses ke API Graph Facebook ❌
• ⚠️ Skenario yang paling umum sekarang untuk pengguna iOS

Perilaku yang Spesifik untuk Platform:

• Aplikasi iOSHarus menangani baik token akses dan JWT token
• Aplikasi AndroidHanya perlu menangani token akses
• Aplikasi yang dapat diakses dari berbagai platformHarus mengimplementasikan metode penanganan token baik itu

Tips

Essensial untuk iOS: Anda WAJIB menerapkan kedua metode pengelolaan token. Banyak pengembang iOS yang menganggap mereka akan selalu mendapatkan token akses dan aplikasi mereka akan gagal ketika pengguna menolak tracking.

Persyaratan Konteks yang Aman (Web/Capacitor)

Keterbatasan Kriptografi API

Alur login Facebook yang diperbarui memerlukan Kriptografi Web API untuk penghasilan nonce, yang hanya tersedia di konteks yang aman:

// This requires secure context (HTTPS or localhost)
async function sha256(message: string) {
  const msgBuffer = new TextEncoder().encode(message);
  const hashBuffer = await crypto.subtle.digest("SHA-256", msgBuffer); // ❌ Fails in insecure context
  // ...
}

Issue Lingkungan Pengembangan

Masalah Umum: ionic serve HTTP URL yang rusak mengganggu autentikasi Facebook

Lingkungan	Kriptografi API Tersedia	Login Facebook Berfungsi
http://localhost:3000	✅ Ya	✅ Ya
http://127.0.0.1:3000	✅ Ya	✅ Ya
http://192.168.1.100:3000	❌ Tidak	❌ Tidak
https://any-domain.com	✅ Ya	✅ Ya

Pemecahan Masalah untuk Pengembangan Capacitor

1. Gunakan localhost untuk pengujian web

   # Instead of ionic serve --host=0.0.0.0
   ionic serve --host=localhost

2. Aktifkan HTTPS di Ionic

   ionic serve --ssl

3. Uji pada perangkat nyata

   # Capacitor apps run in secure context on devices
   ionic cap run ios
   ionic cap run android

4. Generasi nonce alternatif untuk pengembangan

   async function generateNonce() {
     if (typeof crypto !== 'undefined' && crypto.subtle) {
       // Secure context - use crypto.subtle
       return await sha256(Math.random().toString(36).substring(2, 10));
     } else {
       // Fallback for development (not secure for production)
       console.warn('Using fallback nonce - not secure for production');
       return btoa(Math.random().toString(36).substring(2, 10));
     }
   }

Catatan Integrasi Firebase

Dokumentasi Firebase terbaru memerlukan token JWT dengan nonce untuk autentikasi Facebook, terlepas dari pengaturan login. Pendekatan ini berfungsi dengan baik baik untuk pengaturan login yang diaktifkan maupun dinonaktifkan limitedLogin: true dan limitedLogin: false:

   // Both modes can return JWT tokens depending on user choice
   const loginResult = await SocialLogin.login({
     provider: 'facebook',
     options: {
       permissions: ['email', 'public_profile'],
       limitedLogin: false, // true = always JWT, false = depends on user tracking choice
       nonce: nonce
     }
   });

Penghalang Pengembangan: Jika Anda menggunakan ionic serve di jaringan IP (bukan localhost), login Facebook akan gagal karena keterbatasan crypto API. Gunakan localhost atau HTTPS untuk pengujian web.

Tips

Keamanan Produksi: Aplikasi Capacitor pada iOS/Android selalu berjalan dalam konteks yang aman, sehingga batasan ini hanya mempengaruhi lingkungan pengembangan web.

Pengaturan

Judul Bagian ‘Pengaturan’

1. Judul Bagian ‘Issues Umum dan Solusi’

   • Error Hash Kunci pada Android
   • Periksa kembali bahwa Anda telah menambahkan kunci hash yang benar ke dashboard Facebook
   • Untuk rilis, pastikan Anda telah menambahkan kunci hash debug dan rilis

2. Pastikan Anda menggunakan keystore yang benar saat menghasilkan hash

   • Periksa semua entri manifest yang benar
   • Pastikan ID Aplikasi Facebook dan Token Klien Anda benar
   • Pastikan Anda telah menginisialisasi SDK dengan benar

3. Masalah iOS yang umum

   • Pastikan semua entri Info.plist Anda benar
   • Periksa apakah skema URL telah dikonfigurasi dengan benar
   • Pastikan ID Paket Anda sesuai dengan yang terdaftar di dashboard Facebook

Pengujian

1. Sebelum melakukan pengujian, tambahkan pengguna uji di Konsole Pengembang Facebook

   • Pergi ke Roles > Pengguna Uji
   • Buat pengguna uji
   • Gunakan kreditensi ini untuk tes

2. Tes baik build debug maupun release

   • Build debug dengan hash kunci debug
   • Build release dengan hash kunci release
   • Tes pada baik emulator maupun perangkat fisik

Ingatlah untuk tes alur login lengkap, termasuk:

• Login sukses
• Pembatalan login
• Pengelolaan kesalahan
• Fungsi logout

Teruskan dari Pengaturan Login Facebook

Jika Anda menggunakan Pengaturan Login Facebook untuk merencanakan autentikasi dan alur akun, hubungkannya dengan Menggunakan @capgo/capacitor-social-login untuk kemampuan asli di Menggunakan @capgo/capacitor-social-login Menggunakan @capgo/capacitor-social-login untuk detail implementasi di @capgo/capacitor-social-login Menggunakan @capgo/capacitor-passkey untuk detail implementasi di @capgo/capacitor-passkey Menggunakan @capgo/capacitor-native-biometric untuk detail implementasi di @capgo/capacitor-native-biometric, dan Autentikasi dua faktor untuk detail implementasi di Autentikasi Dua Faktor.