markdown
Copy

🚀 Capacitor Kakao Login Plugin

> Official Kakao Login Plugin for Capacitor. Supports Android, iOS & Web environments.
> Fully compatible with Capacitor 7 ✅ | Optimized for latest SDK versions 🔥

📦 Install

``bash
npm i capacitor-kakao-login-plugin
npx cap sync
`


| Version | Platform |
|-------------|:-----------:|
| 3.0.x | Capacitor 7 |
| 2.0.x | Capacitor 6 |
| 1.3.x | Capacitor 5 |
| 1.2.x | Capacitor 4 |

API

* initForWeb()
* goLogin()
* goLogout()
* getUserInfo()
* sendLinkFeed(...)
* talkInChannel(...)

$3

`typescript
initForWeb(appkey) => Promise
`

| Param | Type |
|--------------|:--------------------------------------------------------------------------------:|
| appkey | string
Your JavaScript api key (from Kakao developer console) |

Returns: Promise

--------------------

$3

`typescript
goLogin() => any // (with openId if you set in console)
`

Returns: any

--------------------

$3

`typescript
goLogout() => any
`

Returns: any

--------------------

$3

`typescript
getUserInfo() => any
`

Returns: any

--------------------

$3

`typescript
sendLinkFeed(options: { title: string; description: string; imageUrl: string; imageLinkUrl: string; buttonTitle: string; imageWidth?: number; imageHeight?: number; }) => any
`

| Param | Type |
| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| options | { title: string; description: string; imageUrl: string; imageLinkUrl: string; buttonTitle: string; imageWidth?: number; imageHeight?: number; } |

Returns: any

--------------------

$3

`typescript
talkInChannel(options: { publicId: string; }) => any
`

| Param | Type |
| ------------- |------------------------------------|
| options | { publicId: string; } |

Returns: any

--------------------

Settings

$3

- Before the plugin can be used initForWeb() must be called your with your JavaScript appkey
- After initForWeb() resolves the other methods can be used.

$3

- Set AndroidManifest.xml

`xml


...

+
+
+
...
+ + android:name="com.kakao.sdk.AppKey"
+ android:value="@string/kakao_app_key" />

android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode"
android:name="org.nerdfriends.ddoit.app.MainActivity"
android:label="@string/title_activity_main"
android:theme="@style/AppTheme.NoActionBarLaunch"
android:launchMode="singleTask"
android:windowSoftInputMode="adjustPan"
>







+



...
+ + android:name="com.kakao.sdk.auth.AuthCodeHandlerActivity"
+ android:exported="true">
+
+
+
+

+
+
+
+
...


`

- Set Kakao Repository to build.gradle

`shell
allprojects {
repositories {
google()
jcenter()
maven { url 'https://devrepo.kakao.com/nexus/content/groups/public/' }
}
}
`

- Add Kakao Initialization

`java
public class MainActivity extends BridgeActivity {
private CallbackManager callbackManager;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 카카오
+ KakaoSdk.init(this, getString(R.string.kakao_app_key);
}
}
`

- Add kakao string variables

`xml
{NATIVE_APP_KEY}
kakao{NATIVE_APP_KEY}
`

$3

- Add kakao values and schemes to info.plist

`xml



CFBundleURLSchemes

kakao{NATIVE_APP_KEY}




KAKAO_APP_KEY
{NATIVE_APP_KEY}
LSApplicationQueriesSchemes

kakao{NATIVE_APP_KEY}
kakaokompassauth
storykompassauth
kakaolink
storylink
kakaotalk


`

- Add initial kakao codes to AppDelegate.swift

`swift
import UIKit
import Capacitor
import KakaoSDKAuth
import KakaoSDKCommon

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

...

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
// Override point for customization after application launch.

// Initialize Kakao
+ let key = Bundle.main.infoDictionary?["KAKAO_APP_KEY"] as? String
+ KakaoSDK.initSDK(appKey: key!)
return true
}

...

func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {
// Called when the app was launched with a url. Feel free to add additional processing here,
// but if you want the App API to support tracking app url opens, make sure to keep this call

// Need for Login with KakaoTalk
+ if (AuthApi.isKakaoTalkLoginUrl(url)) {
+ return AuthController.handleOpenUrl(url: url)
+ }

return ApplicationDelegateProxy.shared.application(app, open: url, options: options)
}

...
}
``