가이드
Capacitor에서 Social Login 사용하는 방법
@capgo/capacitor-social-login 사용하기
Web, iOS, Android를 위한 통합 Social Login 플러그인입니다. Google, Apple, Facebook, Twitter/X는 물론 GitHub, Microsoft Entra ID, Auth0, Okta, Keycloak과 같은 범용 OAuth2/OIDC 프로바이더를 지원합니다.
설치
npm install @capgo/capacitor-social-login
npx cap sync
플러그인이 제공하는 기능
initialize- 플러그인을 초기화합니다.login- 선택한 프로바이더로 로그인합니다.logout- 로그아웃합니다.isLoggedIn- 로그인 여부 확인.
사용 예시
initialize
플러그인 초기화
import { SocialLogin } from '@capgo/capacitor-social-login';
await SocialLogin.initialize({ telegram: { botId: '123456789' } });
login
선택한 프로바이더로 로그인
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
로그아웃
import { SocialLogin } from '@capgo/capacitor-social-login';
await SocialLogin.logout({} as {
provider: 'apple' | 'google' | 'facebook' | 'twitter' | 'oauth2';
providerId?: string;
});
isLoggedIn
로그인 여부
import { SocialLogin } from '@capgo/capacitor-social-login';
const result = await SocialLogin.isLoggedIn({ provider: 'apple' });
console.log(result);
전체 레퍼런스
- GitHub: https://github.com/Cap-go/capacitor-social-login/
- 문서: /docs/plugins/social-login/
@capgo/capacitor-social-login 사용하기 다음 단계
사용 중이라면 @capgo/capacitor-social-login 사용하기 인증 및 계정 흐름을 설계할 때, 이를 다음 항목과 연결하세요: @capgo/capacitor-social-login @capgo/capacitor-social-login의 구현 세부 사항은, 시작하기 Getting Started의 구현 상세 내용은 @capgo/capacitor-passkey @capgo/capacitor-passkey의 구현 세부 사항은 @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric의 구현 세부 사항은, 2단계 인증 2단계 인증의 구현 세부 사항에 대해서는