Flutter Kakao Login ( 임시 - 진행중 )

완전한 강의는 아니지만 Flutter에 kakao login 넣으면서 그냥 기록을 할려고 합니다.

 

flutter 에서 kakao 간편 로그인을 달기위해선 여러 방법이 있겠지만, 지금은 카카오톡 디벨롭 사이트에서 간편하게 쓸 수 있도록 직접 연결을 해주었습니다.

 

그래서 flutter 프로젝트 파일에서 다음과 같은 명령어를 쳐주면, pub가 알아서 설치 해줄겁니다.

 

flutter pub add kakao_flutter_sdk

 

설치 후 완료 된 모습

 

( 카카오 dev 사이트를 사용하여 앱 설정 및 셋팅법은 차후 따로 블로그로 알려드리겠습니다.  )

 

 

 

/android/app/src/main/AndroidManifest.xml 에서 아래 android:scheme 에 네이티브 키를 넣어줍니다. 

        <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" />
                <!-- android:scheme="네이티브 키" -->
                <data android:scheme="kakao[네이티브 키]" android:host="oauth"/>
            </intent-filter>
        </activity>

 

"네이티브 키" 앞에 kakao 붙이는 건 필수로 해주셔야합니다.

 

 

3-1. 참고로 flutter를 컴퓨터 웹 ( 크롬 ) 으로 디버깅 하는 경우, 이렇게 설정 해주고 난 뒤,

 

3-2. /.vscode/launch.json을 통해 이렇게 추가해줍니다.

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Flutter Web on Chrome (port 8000)",
      "request": "launch",
      "type": "dart",
      "deviceId": "chrome",
      "args": ["--web-port=8000"]
    }
  ]
}

 

그 다움 디버깅을 8000번 포트로 해줍니다.

 

이렇게 하지 않으면 아마 계속 에러가 날겁니다!