본문으로 바로가기
링크허브 공식블로그

연동이 쉬워진다

링크허브 공식블로그

가치를 연결하다/튜토리얼

[Node.js] 팝빌 카카오톡 API 연동 가이드

안녕하세요. 고객의 가치를 연결하는 비즈니스 파트너 링크허브 입니다.


본 포스팅에서는 Node.js - Express Framework 개발환경에서 고객사들이 팝빌 카카오톡 API SDK를 쉽고 빠르게 이용할 수 있도록, 예시를 통하여 연동 설정 방법을 안내드리겠습니다. npm을 이용해 팝빌 SDK 추가 후,  알림톡 전송 (SendATS) 함수를 구현하는 순서로 진행하겠습니다.



팝빌 SDK는 Node.js V0.10.0 이상 모든 개발환경을 지원하며, 통신을 위한 별도 프로그램 설치가 필요하지 않습니다. 


"팝빌은 링크허브에서 자체 개발하고 직접 운영하는 카카오톡 서비스 Brand Name 입니다."



다음 개발환경은 [ Node.js V8.9.4 | Express V4.13.1 ] 기준으로 작성되어 있어, 이용 중인 개발환경과 차이가 있을 수 있는 점 감안해 주시기 바랍니다.


1. 팝빌 SDK 추가


① 팝빌 모듈을 추가하기 위해 "package.json" 파일의 dependencies 항목에 아래 코드를 추가 한 후 npm 패키지 설치를 진행합니다.


{
  "name": "node_popbill",
  "version": "0.0.0",
  "private": true,
  "scripts": {
   "start": "node ./bin/www"
  },
  "dependencies": {
   "body-parser": "~1.13.2",
   "cookie-parser": "~1.3.5",
   "debug": "~2.2.0",
   "express": "~4.13.1",
   "jade": "~1.11.0",
   "morgan": "~1.6.1",
   "serve-favicon": "~2.3.0",
   "popbill": "1.12.1"
  }
}


$ npm install



② routes/index.js 파일에 팝빌 API 호출을 위한 인증정보를 할당하고 카카오톡 서비스 인스턴스를 생성 합니다.

var express = require('express');
var router = express.Router();
var popbill = require('popbill');

/*
* 팝빌 서비스 연동환경 초기화
*/
popbill.config({

    // 링크아이디
    LinkID: 'TESTER',

    // 비밀키
    SecretKey: 'SwWxqU+0TErBXy/9TVjIPEnI0VTUMMSQZtJf3Ed8q3I=',

    // 연동환경 설정값, 개발용(true), 상업용(false)
    IsTest: true,
    
    defaultErrorHandler: function (Error) {
        console.log('Error Occur : [' + Error.code + '] ' + Error.message);
    }
});

/* * 카카오톡 API 서비스 클래스 생성 */ var kakaoService = popbill.KakaoService();

module.exports = router;



▶ 링크허브에서 발급받은 고객사 인증정보로 
링크아이디(LinkID)와 비밀키(SecretKey) 값을 변경하시기 바랍니다.



2. API 구현


①  알림톡 전송 함수 호출을 위해 routes/index.js 파일에 router 함수를 추가합니다.



② 함수 호출결과 확인을 위해 views/response.ejs 파일을 추가합니다. 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Response</title>
</head>
<body>
      <p>receiptNum (접수번호) : <%=receiptNum%></p>
</body>
</html>


오류코드, 메시지 확인을 위해 views/error.ejs 파일을 추가합니다. 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Response</title>
</head>
<body>
      <p>응답코드 (code) : <%=code%></p>
      <p>응답메시지 (message) : <%=message%></p>
</body>
</html>


③ 알림톡 전송요청 함수 응답을 확인합니다.  


예) 함수호출 성공 처리시, receiptNum(접수번호) 반환




예) 함수호출 실패 처리시, 응답코드(-로 시작하는 8자리 숫자값), 응답메시지(실패사유) 반환





④ 알림톡 전송 결과는 getMessages 함수 또는 팝빌 개발용(test.popbill.com) 사이트에서 확인할 수 있습니다.




[참고] 팝빌 연동 개발을 위한 테스트베드(개발용) 안내 - https://linkhub.tistory.com/91



팝빌에서 제공하는 다양한 API는 동일한 컨셉으로 개발되어 있어, 하나의 서비스를 이용한 경험이 있으면 다른 서비스들도 유사한 방법으로 빠르게 연동이 가능하니 많은 이용 부탁드립니다. 


지금까지 Node.js - Express Framework 개발환경에서 카카오톡 API를 연동하는 방법에 대해 안내해 드렸는데, 내용에 대한 추가적인 문의가 있으면 기술지원센터로 편하게 연락 주시기 바랍니다.




고객사의 편의를 위하여 이메일, 전화 등 다양한 채널을 열어놓고 있으니 언제든지 연락 주시기 바랍니다.

기술지원센터 / T. 1600-9854 / E. code@linkhub.co.kr







  • Today
  • Total