213 lines
12 KiB
HTML
213 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>문자온 API 소개</title>
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/publish/css/reset.css">
|
|
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
|
|
<link rel="stylesheet" href="/publish/css/common.css">
|
|
<link rel="stylesheet" href="/publish/css/button.css">
|
|
<link rel="stylesheet" href="/publish/css/content.css">
|
|
<link rel="stylesheet" href="/publish/css/font.css">
|
|
|
|
<script src="/publish/js/jquery-3.5.0.js"></script>
|
|
<script src="/publish/js/common.js"></script>
|
|
<script src="/publish/js/content.js"></script>
|
|
<script src="/publish/js/allimtalk.js"></script>
|
|
<script src="/publish/js/kakao_allimtalk.js"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="skip_menu">
|
|
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
|
|
</div>
|
|
<div class="mask"></div>
|
|
<div data-include-path="/publish/layout/_header.html"></div>
|
|
<!-- content 영역 -->
|
|
<div id="container" class="cont sub">
|
|
<div class="inner">
|
|
<!-- send top -->
|
|
<div class="send_top">
|
|
<!-- tab button -->
|
|
<ul class="tabType4">
|
|
<li class="tab active"><button type="button" onclick="location.href='/publish/api_intro.html'">연동 안내</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">개발 가이드</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/api_download.html'">예제 다운로드</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
|
|
</ul>
|
|
<!--// tab button -->
|
|
|
|
<div class="api_guide_cont current">
|
|
<div class="heading">
|
|
<h2>연동 서비스 안내</h2>
|
|
</div>
|
|
|
|
<!--소개 내용-->
|
|
<div class="api_visual_image">
|
|
<img src="images/api_intro_cont/api_intro_visual.jpg" alt="문자 API도 이제 '문자온!'' 별도의 프로그램 설치 없이 누구나 쉽고 편리하게 문자를 발송할 수 있습니다." usemap="#image-map">
|
|
<map name="image-map">
|
|
<area target="_self" alt="문자 API 신청하기" title="문자 API 신청하기" href="#" coords="88,214,291,268" shape="rect">
|
|
</map>
|
|
</div>
|
|
|
|
<div class="pay_tab_wrap">
|
|
<ul class="tabType1">
|
|
<li class="tab active"><button type="button" onclick="TabType5(this,'1');">문자</button></li>
|
|
<li class="tab"><button type="button" onclick="TabType5(this,'2');">카카오톡</button></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!--사용 절차 설명 -->
|
|
<div class="api_intro api_guide current" id="tab5_1">
|
|
<div class="title">
|
|
<h3>문자 API 사용 절차</h3>
|
|
</div>
|
|
|
|
<div class="title-line">
|
|
<div class="left-line"></div>
|
|
<div class="right-line"></div>
|
|
</div>
|
|
|
|
<div class="con">
|
|
<ul class="api_process_guide">
|
|
<li class="guide">
|
|
<p class="step_title">STEP <span>01</span></p>
|
|
<div class="step_con">
|
|
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_00.png" alt="문자 API 신청 아이콘"></div>
|
|
<dl>
|
|
<dt>발신번호 사전 등록</dt>
|
|
<dd>발송에 필요한 발신번호<br>등록 필요</dd>
|
|
</dl>
|
|
</div>
|
|
</li>
|
|
<li class="guide">
|
|
<p class="step_title">STEP <span>02</span></p>
|
|
<div class="step_con">
|
|
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_01.jpg" alt="관리자 승인 아이콘"></div>
|
|
<dl>
|
|
<dt>문자 연동 API 신청</dt>
|
|
<dd>관리자 승인 후 사용 가능</dd>
|
|
</dl>
|
|
</div>
|
|
</li>
|
|
<li class="guide">
|
|
<p class="step_title">STEP <span>03</span></p>
|
|
<div class="step_con">
|
|
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_02.jpg" alt="아이피(IP) 등록 아이콘"></div>
|
|
<dl>
|
|
<dt>관리자 승인</dt>
|
|
<dd>승인 완료 시 문자 안내</dd>
|
|
</dl>
|
|
</div>
|
|
</li>
|
|
<li class="guide">
|
|
<p class="step_title">STEP <span>04</span></p>
|
|
<div class="step_con">
|
|
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_03.jpg" alt="API 연동 아이콘"></div>
|
|
<dl>
|
|
<dt>아이피(IP) 등록</dt>
|
|
<dd>문자 API를 통해<br>문자 발송 서버 IP 등록</dd>
|
|
</dt>
|
|
</div>
|
|
</li>
|
|
<li class="guide">
|
|
<p class="step_title">STEP <span>05</span></p>
|
|
<div class="step_con">
|
|
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_04.jpg" alt="API 연동 아이콘"></div>
|
|
<dl>
|
|
<dt>API 연동</dt>
|
|
<dd>API 사용 매뉴얼 및 샘플링을<br>통해 누구나 손쉽게 연동 가능</dd>
|
|
</dt>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!--// 사용 절차 설명-->
|
|
|
|
|
|
<div class="api_intro api_guide kakao_intro" id="tab5_2">
|
|
<div class="title">
|
|
<h3>카카오톡 연동(API) 사용 절차</h3>
|
|
</div>
|
|
|
|
<div class="title-line">
|
|
<div class="left-line"></div>
|
|
<div class="right-line"></div>
|
|
</div>
|
|
|
|
<div class="con">
|
|
<ul class="api_process_guide">
|
|
<li class="guide">
|
|
<p class="step_title">STEP <span>01</span></p>
|
|
<div class="step_con">
|
|
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_00.png" alt="문자 API 신청 아이콘"></div>
|
|
<dl>
|
|
<dt>발신프로필 사전 등록</dt>
|
|
<dd>발송에 필요한 발신프로필<br>등록 필요</dd>
|
|
</dl>
|
|
</div>
|
|
</li>
|
|
<li class="guide">
|
|
<p class="step_title">STEP <span>02</span></p>
|
|
<div class="step_con">
|
|
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_01.jpg" alt="관리자 승인 아이콘"></div>
|
|
<dl>
|
|
<dt>카카오톡 연동<br>API 신청</dt>
|
|
<dd>관리자 승인 후 사용 가능</dd>
|
|
</dl>
|
|
</div>
|
|
</li>
|
|
<li class="guide">
|
|
<p class="step_title">STEP <span>03</span></p>
|
|
<div class="step_con">
|
|
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_02.jpg" alt="아이피(IP) 등록 아이콘"></div>
|
|
<dl>
|
|
<dt>관리자 승인</dt>
|
|
<dd>승인 완료 시 문자 안내</dd>
|
|
</dl>
|
|
</div>
|
|
</li>
|
|
<li class="guide">
|
|
<p class="step_title">STEP <span>04</span></p>
|
|
<div class="step_con">
|
|
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_03.jpg" alt="API 연동 아이콘"></div>
|
|
<dl>
|
|
<dt>아이피(IP) 등록</dt>
|
|
<dd>카카오톡 API를 통해<br>문자 발송 서버 IP 등록</dd>
|
|
</dt>
|
|
</div>
|
|
</li>
|
|
<li class="guide">
|
|
<p class="step_title">STEP <span>05</span></p>
|
|
<div class="step_con">
|
|
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_04.jpg" alt="API 연동 아이콘"></div>
|
|
<dl>
|
|
<dt>API 연동</dt>
|
|
<dd>API 사용 매뉴얼 및 샘플링을<br>통해 누구나 손쉽게 연동 가능</dd>
|
|
</dt>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!--// 소개 내용-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--// send top -->
|
|
</div>
|
|
</div>
|
|
<!--// content 영역 -->
|
|
<!-- footer -->
|
|
<div data-include-path="/publish/layout/_footer.html"></div>
|
|
<!--// footer 영역 -->
|
|
</body>
|
|
|
|
</html> |