웹뷰 카카오 로그인시 카카오톡 실행 안됨

JavaScript
1

현재 플러터 inAppWebView 로 카카오 로그인 기능 구현중에 있습니다.
며칠동안 카카오 로그인 하나에 매달리고 있는 상황인데, 어떤 부분이 문제인지 가늠이 안돼서 질문 남겨봅니다.

현재 상황

  1. JavaScript | Kakao Developers 문서
    링크의 하이브리드 앱 관련 설정은 모두 마친 상태입니다.

  2. 카카오톡이 깔려있지 않은 AVD로 로그인 시도시 backgroundURL 로 이동이 되고, 로그인 시 정상적으로 로그인이 완료 됩니다.

  3. 문제가 되는 부분은 카카오톡이 깔려 있는 디바이스로 로그인 시도시 intent url로 카카오톡 실행이 안됩니다.

  4. 그런데, 테스트용 (ID 535686) Key 값을 사용하여 같은 디바이스에서 로그인을 시도하면 카카오톡 실행이 잘 됩니다

  5. 카카오 콘솔에서 실제 사용, 테스트용 애플리케이션 설정을 비교하며 여러가지 시도를 해보았으나, 같은 현상이 반복됩니다.

이러한 상황인데, 뭐가 문제인지도 어떻게 해결해야하는지도 잘 모르겠습니다 …

2

동일한 환경, 동일한 프로그램에 디벨로퍼스 앱키만 바꿔 intent 스킴으로 로그인된다면 설정 문제일 것 같은데요?
이렇게 테스트 하신것 맞나요?

androidmanifest설정 한번확인해보시겠어요?

3 
    <queries>
        <package android:name="com.kakao.talk" />
    </queries>

요렇게 추가 했습니다.
말씀하신대로 앱 키만 테스트용으로 바꾸면 실행이 됩니다 …

설정의 경우도 콘솔에서 동일하게 맞춰줬는데 안되니 답답하네요 …

4

앱ID알려주시겠어요? 관련 로그인 요청 로그 확인 해볼게요.

5

ID는 67178입니다

6

웹사이트 Kakao.Auth.authorize 스크립트 관련 해서는 이상이 없어보입니다.
최근 로그는 카카오톡 앱으로 로그인 못해서 계정페이지로 리다이렉트한 로그들이 보이구요.

동일 기기, 동일 앱(동일 패키지)에서 앱키만 달리 해서 작동안한다면, 해당 문제도 아니고…
기기환경에 무관하고 앱내 코드 설정에 종속적일 것으로 추측되는데요.

activity android:name=“com.kakao.sdk.auth.AuthCodeHandlerActivity” 의 앱키와 KakaoSdk.init 두군데 앱키 수정하고 테스트하신 것 맞죠?

7

js 상의 Kakao.init 부분만 키값을 수정을 하였고,
안드로이드 쪽에는 따로 앱 키를 등록하지 않고 웹뷰로만 쓰는 중인데 문제가 있을까요 ??

8

아. 제가 네이티브와 착각했네요. 안드로이드 인앱브라우저로 https://m.martroo.com 띄워 테스트 해보고 피드백 드리겠습니다.

9

별다른 설정 없이 아래와 같은 manifest에서 정상 작동하네요.
빈 프로젝트에 웹뷰만 띄우고 https://m.martroo.com 사이트 로딩해서 한번 테스트 해보시겠어요?
다른 요인이 있을지 변수 제거하고 테스트 해보면 좋을 것 같아요.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.googsu.myapplication">
    <uses-permission android:name="android.permission.INTERNET" />

    <!--queries에 카카오톡 패키지 추가-->
    <queries>
        <package android:name="com.kakao.talk" />
    </queries>

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_googsu"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_googsu_round"
        android:usesCleartextTraffic="true"
        android:supportsRtl="true"
        android:theme="@style/Theme.MyApplication">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
            <intent-filter>
                <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}://kakaolink" 형식의 앱 실행 스킴을 설정하는데 사용 -->
                <data android:host="kakaolink"
                    android:scheme="kakaoc9b98a7bff62****************" />
            </intent-filter>

        </activity>
        
    </application>

</manifest>
1개의 좋아요