웹뷰에서 카카오톡으로 로그인하기 띄우고 싶습니다

문의 시 사용하시는 SDK 버전 정보와 플랫폼(Android / iOS) 및 디벨로퍼스 앱ID를 알려주세요.


Android, iOS
kakao_flutter_sdk: ^1.6.1

앱ID : 965308


supabase를 이용해서 로그인을 구현 하고 있습니다
supabase의 경우 커스텀 로그인이 없어서, webview로만 로그인이 가능한데

브라우저에서는 보이는 카카오톡으로 로그인 하기 버튼이 보이지 않습니다.
inapp에서 webview로 띄웠을때 “카카오톡으로 로그인하기” 버튼을 띄울 수 있는 방법이 있을까요?

안녕하세요

kakao_flutter_sdk가 어떤 동선에서 사용되는지 정확히 이해하지 못해서 확인차 질문드립니다.

적어주신 내용을 봤을 때 flultter로 개발한 웹 페이지를 webview로 띄워서 하이브리드 앱을 개발하려고 하신 것으로 이해했습니다.
해당 웹 페이지에서 kakao_flutter_sdk를 사용해서 로그인을 구현하려고 계신건가요?

개발 중인 앱에 구현된 kakao_flutter_sdk 관려 코드도 추가로 첨부해주시면 조금 더 이해하기 좋을 것 같습니다.

아~ kakao_flutter_sdk 를 현재는 사용중이지 않습니다.
웹로그인이 불편해서 앱로그인을 하려고 했었고,
supabase 커스텀 토큰 등록이 불가능 하기 때문에

supabase 라이브러리에서, 하이브리드를 바탕으로 로그인을 하고 있는 상황입니다.
하이브리드 형태로, 인앱 웹뷰로 카카오 로그인을 하는 경우
카카오 앱 로그인을 띄울 수 있는 방법이 있을지요?

웹 뷰의 Javascript Channel을 활용한다면 웹 페이지 내에 버튼 클릭 이벤트를 전달받는 방식으로 네이티브 영역(Flutter 영역) 코드 호출이 가능합니다.
이렇게 구현한다면 kakao_flutter_sdk 의 ‘카카오톡으로 로그인’, '카카오계정으로 로그인’을 이용할 수 있을 것으로 보입니다. 그런데 유지 보수 관점과 앱의 동선 등을 고려했을 때 좋은 방식은 아닌 것으로 판단됩니다.

supabase를 사용해보지 못해서 어느 부분에서 웹 로그인이 불편한지에 대해서는 인지하지 못하고 있는데요. 하이브리드 앱 형태로 구현하고 있고, 웹 페이지에 로그인 기능 추가가 필요하다면 Javascript용 카카오SDK를 사용하시는 것을 권장하고 있습니다.

추가로 JS SDK 가이드 첨부해드리니 참고하셔서 상황에 맞는 방식으로 구현하시면 좋을 것 같습니다.