Langkah ke konten utama
@capgo/capacitor-login-sosial Autentikasi & Keamanan Terbuka Sumber

Login Sosial plugin Capacitor

Autentikasi pengguna dengan Google, Facebook, dan Apple Sign-In untuk login sosial yang mudah

Install

bun add @capgo/capacitor-social-login bunx cap sync
npm, pnpm atau yarn
  • npm install @capgo/capacitor-social-login
  • pnpm add @capgo/capacitor-social-login
  • yarn add @capgo/capacitor-social-login

Panduan

Cara menggunakan Login Sosial di Capacitor

Menggunakan @capgo/capacitor-social-login

Terdapat semua login sosial dalam satu plugin untuk Web, iOS, dan Android. Ia mendukung Google, Apple, Facebook, Twitter/X, dan penyedia OAuth2/OIDC umum seperti GitHub, Microsoft Entra ID, Auth0, Okta, dan Keycloak.

Instal

npm install @capgo/capacitor-social-login
npx cap sync

Apa yang Dapat Diketahui Plugin Ini

  • initialize - Inisialisasi plugin.
  • login - Masuk dengan penyedia yang dipilih.
  • logout - Keluar.
  • isLoggedIn - IsLoggedIn.

Contoh Penggunaan

initialize

- Inisialisasi plugin.

import { SocialLogin } from '@capgo/capacitor-social-login';

await SocialLogin.initialize({ telegram: { botId: '123456789' } });

login

- Masuk dengan penyedia yang dipilih.

import { SocialLogin } from '@capgo/capacitor-social-login';

const result = await SocialLogin.login({
  provider: 'facebook',
  options: { permissions: ['permission'] },
});
// The result holds sensitive values: use it without logging it.

logout

- Keluar.

import { SocialLogin } from '@capgo/capacitor-social-login';

await SocialLogin.logout({} as {
    provider: 'apple' | 'google' | 'facebook' | 'twitter' | 'oauth2';
    providerId?: string;
  });

isLoggedIn

IsLoggedIn.

import { SocialLogin } from '@capgo/capacitor-social-login';

const result = await SocialLogin.isLoggedIn({ provider: 'apple' });
console.log(result);

Referensi Lengkap

Teruskan dari Menggunakan @capgo/capacitor-social-login

Jika Anda menggunakan Menggunakan @capgo/capacitor-social-login untuk merencanakan autentikasi dan alur akun, hubungkannya dengan @capgo/capacitor-login Sosial untuk detail implementasi di @capgo/capacitor-social-login Panduan Pemula untuk detail implementasi di Panduan Pemula @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.

FAQ

FAQ Plugin Sosial

Bagaimana cara menginstal plugin Sosial Login di sebuah aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-social-login" (atau "npm install @capgo/capacitor-social-login"), kemudian jalankan "bunx cap sync" agar proyek iOS dan Android dapat menangkap native code. Import dari "@capgo/capacitor-social-login" di aplikasi code.

Apakah @capgo/capacitor-social-login berfungsi dengan React, Vue dan Angular?

Ya. Plugin Sosial Login adalah sebuah paket Capacitor, sehingga berfungsi dengan semua framework web yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte dan JavaScript biasa.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-social-login?

Capgo plugin mengikuti versi utama Capacitor: gunakan versi plugin utama yang sesuai dengan versi utama Capacitor (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menyebutkan versi yang dipelihara.

Apakah @capgo/capacitor-social-login gratis dan terbuka sumber?

Ya. Sumber code tersedia secara publik di GitHub di https://github.com/Cap-go/capacitor-social-login/ dan paketnya dapat diinstal secara gratis dari npm. Laporan bug dan permintaan pull diterima.

Dapatkah saya memperbarui code yang menggunakan Sosial Login tanpa melalui tinjauan App Store?

Menginstal atau mengupgrade plugin mengubah native code, sehingga memerlukan build toko baru. Setelah itu, perubahan JavaScript, HTML dan CSS yang memanggil plugin dapat dikirimkan secara langsung dengan Capgo live updates.

Kirim perubahan Login Sosial tanpa menunggu tinjauan aplikasi

Setelah plugin masuk ke dalam toko aplikasi Anda, Capgo pembaruan hidup memasukkan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit.

Mulai dengan Capgo