본문 바로가기
카테고리 없음

[Flutter #5] 소셜 로그인을 만들어보아요💛 -Kakao

by 팅코벨 2021. 7. 29.
728x90


오늘 준비한 링크는 요 두가지!!
이것만 잘 따라하시면 ㅋㅋㅇ소셜로그인이 짜잔 하고 완성된단 말이죠🤗

https://pub.dev/packages/kakao_flutter_sdk

 

kakao_flutter_sdk | Flutter Package

A flutter plugin for Kakao API, which supports Kakao login, KakaoLink, User API, KakaoTalk API, KakaoStory API, and Push API.

pub.dev


https://developers.kakao.com/

 

Kakao Developers

카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.

developers.kakao.com

 

카카오 developers 설정

1. 내 어플리케이션 등록하기

내 어플리케이션 > 어플리케이션 추가하기 > 정보입력 후 완료

2. 플랫폼 등록 (android, iOS)

android와 iOS 두가지 다 등록 해줍니다


1) android

패키지명[필수]만 먼저 등록하시면 됩니다. (나머지는 이후 마켓에 앱 등록시 추가)

 

상단의 경로를 따라 AndroidManifest.xml에서 package명 확인 가능!


2) iOS

 

 


마지막으로 카카오 로그인 활성화를 ON 해줍니다.

 


 

코드 작성


1. pubspec.yaml파일에 설치하고자하는 sdk패키지 입력

dependencies: kakao_flutter_sdk: ^0.7.0


2. 네이티브 앱키 입력 (앞서 카카오Developers에서 추가했던 '내 어플리케이션'의 네이티브 앱 키 복사!)

main.dart에 main메소드에 아래와 같이 작성해줍니다.

 

UI 부분을 위한 main.dart에 작성한 코드는 다음과 같습니다.

 

작성하면 아래와 같이 화면이 구성되고 작동됩니다.

 

 


참고!

중간에 (안드로이드의 경우) minSdkVersion 19 이하인 16 이라고 에러가 뜨는 경우가 있는데 그부분을 19로 숫자만 변경해주시면 됩니다!



다음번엔 추가로 안드로이드 hash key를 이용해 제대로 로그인이 작동하도록 추가해보도록 하겠어요~ + firebase

728x90
반응형

댓글