본문 바로가기

분류 전체보기132

android + (kakao Javascript SDK)하이브리드앱 예제 - 카카오톡 링크 MainActivity.kt ://kakaolink" 형식의 앱 실행 처리 package com.googsu.myapplication import android.content.Intent import android.os.Bundle import android.os.Handler import android.os.Looper import android.os.Message import android.util.Log import android.webkit.WebChromeClient import android.webkit.WebResourceRequest import android.webkit.WebView import android.webkit.WebViewClient import android.widget... 2021. 3. 21.
android + (kakao Javascript SDK)하이브리드앱 예제 - 카카오 로그인 activity_main.xml 웹뷰에 프레임레이아웃을 한번 감쌀 것 웹뷰에서 kakao Javascript SDK를 이용하여 팝업 웹뷰를 호출해 로그인하는 방식 웹페이지에서 Javascript SDK 사용 시 1. Kakao.Auth.authorize({ 방식을 사용 시, 카톡 설치 되어 있다면 카톡으로 로그인 2. Kakao.Auth.login({ 방식을 사용 시, 웹뷰내에서 팝업으로 처리 MainActivity.kt package com.googsu.myapplication import android.content.Intent import android.os.Bundle import android.os.Handler import android.os.Looper import android.os.Mes.. 2021. 3. 21.
react + react-kakao-login 예제 - 카카오 로그인 반드시 JAVASCRIPT_KEY를 사용하세요. Storybook wonism.github.io github.com/wonism/react-kakao-login wonism/react-kakao-login Login with Kakaotalk. Contribute to wonism/react-kakao-login development by creating an account on GitHub. github.com $ npm i -S react react-dom react-kakao-login import React, { Component } from 'react'; import KaKaoLogin from 'react-kakao-login'; export class Home extends Componen.. 2021. 3. 21.
각종 언어별/환경별 인코딩 예제 - 한글 깨짐 처리 JAVA URLEncoder.encode("한글이; 안 깨지면 좋겠음.!!!!!", "UTF-8") Spring, application.properties spring.http.encoding.charset=UTF-8 spring.http.encoding.enabled=true spring.http.encoding.force=true PHP urlencode("한글 인코딩") Classic ASP Server.URLEncode("한글") JavaScript encodeURIComponent("한글") 2021. 3. 16.
node.js + axios 예제 - Unlink axios 사용 시, encodeURIComponent 를 반드시 사용해야함. - Post방식으로 호출할때 const formUrlEncoded = x => Object.keys(x).reduce((p, c) => p + `&${c}=${encodeURIComponent(x[c])}`, '') app.get('/unlink', (req, res) => { axios .post("https://kapi.kakao.com/v1/user/unlink?", formUrlEncoded({ "target_id": '1657351101', "target_id_type": 'user_id' }) , { headers: { 'content-Type': 'application/x-www-form-urlencoded', '.. 2021. 3. 14.
react + node.js + passport-kakao 예제 - 카카오 로그인 1. node.js 설치 nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. react 프로젝트 생성 ko.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org - 기본 react 프로젝트 생성 $ mkdir reactexample $ cd reactexample $ npx create-react-app reactexample - 웹브라우저 실행 $ npm start 3. node 프로젝트 생성 $ m.. 2021. 3. 14.
카카오 API - PHP 예제 코드 모음 kakao-tam.tistory.com/7?category=866966 카카오 로그인 - v20201223 2020-12-23 제일 빈번한 KOE006 Error Case 추가 (Redirect URI만 잘 등록하면 해결되는 문제) 2020-12-02 최초등록 [Sample] test-tam.pe.kr/kakao.php 카카오 로그인(REST API) test-tam.pe.kr [Code] github.co.. kakao-tam.tistory.com kakao-tam.tistory.com/43?category=867439 [PHP] 카카오톡 채널 추가/차단 콜백 API 만들기 developers.kakao.com/docs/latest/ko/kakaotalk-channel/rest-api#channel-c.. 2021. 3. 13.
PHP 예제 - [카카오톡 채널] 고객 관리: 파일 만들기 / 파일 보기 / 사용자 추가하기 / 사용자 삭제하기 고객 관리: 파일 만들기 $url = "https://kapi.kakao.com/v1/talkchannel/create/target_user_file"; $ch = curl_init($url); $data = array( 'channel_public_id' => $CHANNEL_ID, 'file_name' => '고객리스트2021030801', 'schema' => array( //schema에는 자료형을 기술함. '생년월일' => 'string', '성별' => 'string', 'age' => 'number', '국가' => 'string' ) ); $payload = json_encode($data); curl_setopt($ch, CURLOPT_POSTFIELDS, $payload); $heade.. 2021. 3. 10.
카카오 로그인 시 Ajax 사용 가능한가? kauth는 CORS가 열려있어서 ajax로 요청해도 CORS 에러가 발생하지 않지만, 반면에 kapi는 CORS가 닫혀있어서 에러가 발생합니다. kapi도 CORS를 오픈하여 제공하도록 변경 되었습니다. Test1. 인가 코드 받기 인가 코드 요청은 보통 다음과 같이 URL을 호출 합거나 카카오에서 제공하는 SDK를 호출합니다. /oauth/authorize?client_id={REST_API_KEY}&redirect_uri={REDIRECT_URI}&response_type=code /oauth/authorize 주소 요청 시, 현재 로그인 상태를 체크하여 Redirect Uri로 이동하거나 인증 페이지로 이동합니다. 이는 Front나 Backend어디서든 /oauth/authorize 주소로 리다이.. 2021. 2. 16.