카카오연동 + flutter + firebase

flutter 로 카카오 계정연동을 하여 firebase 에 로그인 하는 방법입니다.

요즘 추세는 자사몰에 직접 회원가입을 하는것 보다는 외부 소셜로그인 방식을 많이 사용합니다.

카카오 연동을 해서 파이어 베이스로 연동을 할수가 있습니다. flutter 를 이용함!

 

카카오 계정을 연동해 파이어서버 auth 연동절차..

카카오 계정은 별도의 oauth 방식 구현이 필요없다. 카카오 sdk 모두 알아서 제공해줌!

 

Step1. 카카오 개발자 설정 (네이티브 앱키 + 키해시 + 수집항목)

     1-1. 내 애플리케이션 등록 / 앱키 확인 -> 네이티브 앱키 확인!

     1-2. 플랫폼 등록 -> 패키지명 일치, 키해시 등록 (키해시는 별도 로컬에서 제작해서 등록해야함) * 디버그 키해시

     1-3.  카카오 로그인-> 동의항목 확인! (닉네임,메일등 고객에서 수집항목)

 

 Step2. Flutter 설정

     2-1. AndroidManifest.xml 설정 

     2.-2.pubspect.yaml 설정 ->

           패키지 설치: kakao_fultter_sdk  /  kakao_flutter_sdk_user 

                                                외 firebase 관련모쥴..(CLI 설정포함)

 

 Step3.flutter 코딩 (로그인/ 로그아웃)

      출처: https://developers.kakao.com/docs/latest/ko/flutter/getting-started

 

 Step4.firebase console 에서 OIDC 등록

       

 

 

   2-1. AndroidManifest.xml 설정  상세 설정.

<activity
    android:name="com.kakao.sdk.flutter.AuthCodeCustomTabsActivity"
    android:exported="true">
    <intent-filter android:label="flutter_web_auth">
        <action android:name="android.intent.action.VIEW" />
        <category android:name="android.intent.category.DEFAULT" />
        <category android:name="android.intent.category.BROWSABLE" />

        <!-- "kakao${YOUR_NATIVE_APP_KEY}://oauth" 형식의 앱 실행 스킴 설정 -->
        <!-- 카카오 로그인 Redirect URI -->
        <data android:scheme="내이티브앱키" android:host="호스트명"/>

 

 

4.