vue-kakao-pf 👋

카카오 플러스친구 1:1 채팅 버튼을 생성해주는 Vue.js 플러그인 입니다.

Live Demo

설치

npm i vue-kakao-pf --save

yarn add vue-kakao-pf

CDNs

jsDelivr, UNPKG, bundle.run

사용

index.html

<!-- index.html -->
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>

main.js

// main.js
import Vue from 'vue'
import VueKakaoPf from 'vue-kakao-pf'
 
// 플러스친구 홈 URL의 id를 입력해주세요
VueKakaoPf.plusFriendId = '_id'
// 앱의 키(JavaScript)를 입력해주세요 (아직 초기화가 되어있지 않은 경우에만)
Kakao.init(process.env.KAKAO_KEY)
 
Vue.use(VueKakaoPf)

CSS(선택)

/* style.css */
#plusfriend-addfriend-button img {
  /* ... */
}

Author

Hyouk Seo(Spemer)