본문 바로가기

iOS에서 Apple Login

GitHub

iOS에서 Apple login을 설정하는 데 필요한 사항들을 살펴보겠습니다.

  1. 앱의 Capabilities를 설정합니다.

    설정을 위해 Xcode를 열고 다음을 클릭하세요. App App Xcode

  2. 올바른 Target이 선택되었는지 확인하세요.

    Xcode App Target

  3. 다음 항목을 반드시 추가해야 합니다. Sign in with Apple capability.

    App Xcode Add Capability

    App Xcode Add Capability

  4. 앱에서 Apple Login을 초기화합니다.

    // onMounted is vue specific
    onMounted(() => {
    SocialLogin.initialize({
    apple: {}
    })
    });
  5. 로그인 프로세스를 시작할 버튼을 생성합니다.

    해당 버튼은 다음 함수를 호출해야 합니다:

    async function loginApple() {
    const res = await SocialLogin.login({
    provider: 'apple',
    options: {}
    })
  6. 앱을 다음 환경에서 실행하세요: 실제 기기에서 테스트해 보세요.

    안내를 잘 따랐다면 버튼 클릭 후 다음과 같은 화면이 나타납니다.

    iOS 기기의 Apple Sign In prompt

완료되었습니다! 모든 설정이 끝났습니다.

호출하세요 initialize 를 사용하여 apple 로그인 전 provider를 설정합니다. iOS에서는, clientId 운영 체제에서 직접 사용하지 않으며, plugin이 어떤 provider를 초기화할지 식별하는 데 사용됩니다.

await SocialLogin.initialize({
apple: {
clientId: 'your-client-id',
},
});
const res = await SocialLogin.login({
provider: 'apple',
options: {
scopes: ['email', 'name'],
},
});

iOS에서 Apple 로그인 계속하기

“iOS에서 Apple 로그인 계속하기” 섹션

사용 중이라면 iOS에서 Apple Login 인증 및 계정 흐름을 설계할 때, 이를 다음 항목과 연결하세요: @capgo/capacitor-social-login 사용하기 @capgo/capacitor-social-login 사용 시 네이티브 기능을 위해, @capgo/capacitor-social-login @capgo/capacitor-social-login의 구현 세부 사항은, @capgo/capacitor-passkey @capgo/capacitor-passkey의 구현 세부 사항은 @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric의 구현 세부 사항은, 2단계 인증 2단계 인증의 구현 세부 사항에 대해서는