본문 바로가기

분류 전체보기132

vue.js에서 JS SDK 카카오톡 공유 사용 vue cli로 기본 프로젝트 생성한 것을 기준으로 합니다. * vue-cli설치와 기본 프로젝트 생성 yarn global add @vue/cli ... yarn global add @vue/cli-init ... vue init webpack vue-project ... yarn run dev * index.html vue는 SPA이므로 객체가 제거되지 않고 전역에서 접근할 수 있도록 루트 html에 window.Kakao로 init합니다. * HelloWorld.vue {{ msg }} Essential Links ... 생략 Ecosystem ... 생략 ...생략 2021. 9. 28.
NSURLErrorDomainCode=-1009 "인터넷 연결이 오프라인 상태입니다." 에러 일부 iOS기기에서 카카오의 기능과 무관하게 NSURLErrorDomainCode=-1009 "인터넷 연결이 오프라인 상태입니다." 에러가 발생하는 경우 LTE사용량에는 문제가 없는지 문제 발생한 고객에게 확인이 필요합니다. (사용량을 다쓰고 저속연결에서 연결끊김(Timeout)현상인지…) https://stackoverflow.com/questions/35549462/error-domain-nsurlerrordomain-code-1009-the-internet-connection-appears-to-be * 일부 상황에서 LTE데이터를 소진한 경우 발생 * NSURLRequest에서 타임아웃이 발생한 경우 * 아래 링크를 참고하여 문제 확인 해보라는 의견도 있습니다. https://developer.a.. 2021. 9. 28.
사용자 정보 가져오기 API로 휴대전화번호 조회(CI존재하나 전화번호 없는경우) 카카오 로그인으로 "카카오계정(전화번호) [phone_number]" 정보 제공 동의를 받은 경우 휴대 전화번호를 조회할 수 있습니다. * 사용자 정보 가져오기 - REST-API : https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api#req-user-info - JS SDK : https://developers.kakao.com/docs/latest/ko/kakaologin/js#req-user-info - Android SDK : https://developers.kakao.com/docs/latest/ko/kakaologin/android#req-user-info - iOS SDK : https://developers.kakao.com/.. 2021. 9. 28.
카카오 링크/메시지 androidExecutioncParams, iosExecutionParams 사용 Kakao.Link.sendDefault({ objectType: 'feed', installTalk : true, content: { title: title, imageUrl: 'http://~~', link: { mobileWebUrl: 'http://~~', webUrl: 'http://~~', iosExecutionParams: 'url=http://~~', androidExecutioncParams: 'url=http://~~' }, }, buttons: [{ title: '앱으로 보기', link: { mobileWebUrl: 'http://~~', webUrl: 'http://~~', iosExecutionParams: 'url=http://~~', androidExecutioncParams.. 2021. 9. 27.
카카오 싱크 연령 확인(본인확인 안된계정의 성인채널동의) 카카오는 본인 인증기관이 아니기 때문에 성인 인증 기능을 제공하지 않습니다. 다만, 카카오 싱크 도입 시 편의를 위한 "14세 이상 연령 동의" 기능을 제공합니다. 14세 미만 계정은 아래와 같이 처리됩니다. # 카카오 계정에 CI 본인 인증이 안 된 경우 0. 디벨로퍼스앱에 CI(연계정보)가 필수 인경우 동의창에 앞서 본인 인증이 먼저되고, 아래 2,3번 CI 본인 인증이 된 경우 Flow 수행 1. 카카오 계정에 CI 본인 인증이 안되어 연령을 확인 할 수 없는 경우. 일반적인 Flow로 동일하게 동의후 디벨로퍼스앱에 연결됩니다. (이후, 본인 확인한 경우 로그인 할 수 없으며, 사용자 정보조회 API도 호출할 수 없습니다. ) # 카카오 계정에 CI 본인 인증이 된 경우 참고. 카카오 로그인, 14.. 2021. 9. 27.
카카오 로그인 (카카오 싱크) 전후 GA 전환 추적 검증 방법 광고 매체 유입 매체별 UTM설정 하여 아래와 같이 랜딩하는 경우 http://test-tam.pe.kr/kakao.php?utm_source=kakao&utm_medium=kakaoinapp 1. 실시간 트래픽 소스로 UTM 설정이 잘되었는지 확인 * 아래 내용 부터는 하루 경과해야 확인 가능 2. 획득 > 전체 트래픽 > 소스/매체 에서 유입량을 확인하고 보조 측정 기준(사용자>운영체제 등)으로 원하는 유입이 맞는지 확인 3. 행동 > 행동 흐름 의 기준을 소스/매체로 하여 해당 유입의 동선이 예상한대로 진행되는지, 목표URL을 지나치는지 확인 4. 전환 > 목표 > 목표 흐름의 기준을 소스/매체로 하여 목표 URL 전환이 발생했는지 확인 * 목표 설정은 단순하게 URL기준 으로 정상 작동 여부 확인.. 2021. 9. 16.
node.js 예제 - [푸시 알림] 푸시 알림 보내기 'content-Type': 'application/x-www-form-urlencoded;charset=utf-8' 의 POST방식 Array Parameter와 PushMsgJson 형태의 Body Data 전송 PushMsgJson은 개행(엔터)가 없어야하고 Json 규칙에 맞아야함. const formUrlEncoded = x => Object.keys(x).reduce((p, c) => p + `&${c}=${encodeURIComponent(x[c])}`, '') app.get('/v2/push/send', (req, res) => { axios .post("https://kapi.kakao.com/v2/push/send?uuids=[1234,1234]", formUrlEncoded({ 'pu.. 2021. 9. 2.
iOS 하이브리드앱(웹뷰) 팝업방식 로그인, 카카오링크, 채널상담 JavaScript SDK를 사용하는 웹페이지를 iOS 하이브리드앱(웹뷰)에서 사용하고자 할때 처리해야할 사항을 정리했습니다. 1. 웹뷰 객체를 StoryBoard에 올리지말고 객체관리를 위해 createWebView를 호출해서 생성합니다. 2. 가이드대로 구현하시면, 팝업을 별도 웹뷰로 띄웁니다. (팝업이 안뜨면 아래 코드 구현부를 확인해봅니다.) 3. 모바일에서 팝업방식 로그인, 카카오링크, 채널상담은 카카오톡 스킴을 호출 하므로 팝업만 표시되고 작동하지 않는다면 스킴 분기 구현부를 확인해봅니다. 4. 하얀화면이 나오는 것은 http주소를 호출 했을때 입니다. (기본 https만 가능, http호출은 아래 info.plist 설정 참조) 디벨로퍼스 가이드 : 하이브리드 앱에 적용하기 ViewContr.. 2021. 9. 2.
node.js 예제 - [카카오톡 채널] 카카오톡 채널 관계 확인하기 'content-Type': 'application/x-www-form-urlencoded;charset=utf-8' 의 GET방식 String Array Parameter 예시 app.get('/v1/api/talk/channels', (req, res) => { axios .get("https://kapi.kakao.com/v1/api/talk/channels", { params: { "target_id": '111111111', "target_id_type": 'user_id', "channel_public_ids": ['_tttttttt','_xxxxxxxx'] }, headers: { 'content-Type': 'application/x-www-form-urlencoded;charset=utf.. 2021. 8. 31.

티스토리툴바