FLEXPost 연동 가이드
본 가이드는 운영중인 홈페이지에 FLEXPost 기능을 연동하는 방법을 안내합니다. 홈페이지가 없으신 경우, FLEXPost 웹사이트(www.flexpost.kr)에서 홈페이지를 개설하여 이용하실 수 있습니다.
1. 홈페이지 아이디 확인
[FLEXPOST > 홈페이지 관리]에서 홈페이지 아이디를 확인합니다.
- 홈페이지관리 > 홈페이지 ID
홈페이지 아이디는 홈페이지 주소에서도 확인할 수 있습니다. 홈페이지 주소가 https://flexpost.kr/h/afqasrfn 인 경우 홈페이지 아이디는 afqasrfn입니다.
2. FLEXPost SDK 추가
FLEXPost SDK를 사용할 홈페이지에 아래 스크립트를 추가합니다.
<script src="//flexpost.kr/js/FLEXPOST.1.0.0.min.js"></script>
3. SDK 초기화
FLEXPost 가입 시 발급된 홈페이지 아이디와 통지화면을 표시할 Element ID를 이용하여 SDK를 초기화합니다.
<script>
FLEXPOST.init("Element ID", "HOMEPAGE ID");
</script>
4. 통지 화면 호출
표시할 통지 화면 ID를 파라미터로 전달하여 통지 화면을 호출합니다.
<script>
FLEXPOST.load("통지 화면 ID");
</script>
통지 화면 ID
| 통지 화면 ID | 화면 |
|---|---|
| N1000 | 기한이익상실통지 |
| N2000 | 주택경매예정통지 |
| N3000 | 채권양도예정통지 |
| N4000 | 추심착수예정통지 |
| G1000 | 고객권리항목안내 |
| G2000 | 채무조정안내 |
샘플 코드
FLEXPost SDK를 적용한 샘플 코드입니다.
<html lang="ko-KR">
<body>
<main>
<div>
<button onclick="loadFLEXPOST('N0001')">기한이익상실 통지 조회</button>
<button onclick="loadFLEXPOST('N0002')">채권양도예정 통지 조회</button>
</div>
<div id="flexpost-notify" style="width: 90vw; height: 80vh;"></div>
</main>
<script>
// FLEXPOST SDK 초기화
function initFLEXPOST() {
FLEXPOST.init("flexpost-notify", "afqasrfn"); // 통지화면을 표시할 Element ID, 홈페이지 아이디로 SDK 초기화
}
// 통지 조회 화면 호출
function loadFLEXPOST(pageId) {
FLEXPOST.load(pageId); // 통지 페이지 ID
}
</script>
<script src="//flexpost.kr/js/FLEXPOST.1.0.0.min.js" onload="initFLEXPOST()"></script>
</body>
</html>
샘플 페이지
[샘플 페이지]에 접속하시면 FLEXPost SDK가 적용된 화면을 확인하실 수 있습니다.