[Flutter] Apple Login ①

Flutter/Social Login

[Flutter] Apple Login ① - 준비

찌김이 2022. 8. 26. 06:00

728x90

마지막으로 구현할 소셜로그인은 애플 로그인 입니다.

애플 로그인을 구현하기 위해서는 개발자 계정에 가입되어있어야하고 비용은 1년에 13만원 입니다. ㅠㅠ

Apple Developer

There’s never been a better time to develop for Apple platforms.

developer.apple.com

애플로그인을 구현 전에 크게 3가지를 셋팅해야합니다.

App ID
Key
Service ID

로그인 후 Account 를 눌러주세요.

좌측 사이드바에서 Certificates, IDs & Profiles 를 눌러주세요.

App ID 설정

Identifiers 를 누르고 + 버튼을 눌러주세요.

App IDs 를 체크하고 Continue

App 선택 후 Continue

간략한 설명과 번들 ID 를 넣어주고 아래로 내려갑니다.

아래로 내려와서 Sign In with Apple 체크해주고 Continue

Key 설정

좌측 사이드바에서 Keys 를 눌러주고 + 버튼 또는 Create a key 를 눌러주세요.

Key Name 을 작성하고 아래에 Sign in with Apple 을 체크 후 Configure 를 눌러주세요.

아까 등록한 App ID 를 선택해주고 Save 후 Continue

대충 잃어버리면 큰일난다는 메세지 입니다. Done 눌러주세요.

Service ID 설정

좌측 사이드바에서 Identifiers 를 누르고 + 버튼을 눌러주세요.

Services IDs 를 체크 후 Continue

간략한 설명을 넣어주고 Identifier 를 넣어주고 Continue
Identifier 권장사항은 App ID 를 역순으로 넣어주라고 합니다.
ex ) App ID 가 com.study.socialLoginApp.QWERASD 라면 QWERASD.socialLoginApp.study.com

iOS 설정

아래의 명령어로 XCode 를 켜주세요.

open ios/runner.xcworkspace

Signing & Capabilities 에서 + 버튼을 눌러주세요.

Sign in with Apple 을 찾아서 더블클릭 해주면 끝입니다.
간혹 뜨지 않는 경우가 있는데 그럴대는 Automatically manage signing 체크 해제하고 시도해주세요.

Android 설정

android / app / src / main / Android Manifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.study.social_login_app">
   <application
        android:label="social_login_app"
        android:name="${applicationName}"
        android:icon="@mipmap/ic_launcher">
        .
        .
        .
        <!-- 추가 -->
        <activity
          android:name="com.aboutyou.dart_packages.sign_in_with_apple.SignInWithAppleCallback"
          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="signinwithapple" />
                <data android:path="callback" />
             </intent-filter>
        </activity>
        .
        .
        .
    </application>
</manifest>