This plugin is modified by combining the two other plguins
Make sure you've registered your Kakao app with Kakao and have an KAKAO_APP_KEY
cordova plugin add https://github.com/taejaehan/cordova-kakaotalk.git --variable KAKAO_APP_KEY=YOUR_KAKAO_APP_KEY
[Android]
- nothing to do ;-)
- But the Android app must register key hash(https://developers.kakao.com/docs/android#getting-started-launch-sample-app)
[iOS]
- Add following code to appDelegate
#import <KakaoOpenSDK/KakaoOpenSDK.h>
- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url
sourceApplication:(NSString *)sourceApplication
annotation:(id)annotation {
...
if ([KOSession isKakaoAccountLoginCallback:url]){return [KOSession handleOpenURL:url];}
...
}
- (void)applicationDidBecomeActive:(UIApplication *)application{[KOSession handleDidBecomeActive];}
- Ohter Linker Flags
open platforms/ios/*.xcodeproj Build Settings > Linking > Other Linker Flags > add '-all_load'
This plugin adds an object to the window. Right now, you can login, logout and share.
Login using the .login method:
KakaoTalk.login(
function (result) {
console.log('Successful login!');
console.log(result);
},
function (message) {
console.log('Error logging in');
console.log(message);
}
);
The login reponse object is defined as:
{
id: '<KakaoTalk User Id>',
nickname: '<KakaoTalk User Nickname>',
profile_image: '<KakaoTalk User ProfileImage>'
}
Logout using the .logout method:
KakaoTalk.logout(
function() {
console.log('Successful logout!');
}, function() {
console.log('Error logging out');
}
);
Share using the .share method:
KakaoTalk.share({
text : 'Share Message',
image : {
src : 'https://developers.kakao.com/assets/img/link_sample.jpg',
width : 138,
height : 90,
},
weblink :{
url : 'YOUR-WEBSITE URL',
text : 'web사이트로 이동'
},
applink :{
url : 'YOUR-WEBSITE URL',
text : '앱으로 이동',
},
params :{
paramKey1 : 'paramVal',
param1 : 'param1Value',
cardId : '27',
keyStr : 'hey'
}
},
function (success) {
console.log('kakao share success');
},
function (error) {
console.log('kakao share error');
});
-
you can use text, image, weblink and applink(params) separately or together
-
Min image width(80)xheight(80)
-
weblink(text-link), applink(button-link)
-
if you use applink, you can set any params(optional)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent