api 사용자 화면 수정
This commit is contained in:
parent
c3c686e918
commit
6fc8b8cd09
@ -29,4 +29,6 @@ public interface ApiCallInfoMngService {
|
||||
//api key & api info 모두 실제 삭제
|
||||
void deleteApiKeyInfoReal(ApiKeyVO apiKeyVO) throws Exception;
|
||||
|
||||
void udpateApiKeyInfoReal(ApiKeyVO apiKeyVO) throws Exception;
|
||||
|
||||
}
|
||||
@ -43,4 +43,8 @@ public class ApiCallInfoMngDAO extends EgovComAbstractDAO{
|
||||
public void deleteApiCallInfoAll(ApiKeyVO apiKeyVO) throws Exception{
|
||||
update("ApiCallInfoMngDAO.deleteApiCallInfoAll", apiKeyVO);
|
||||
}
|
||||
|
||||
public void updateApiCallInfoAll(ApiKeyVO apiKeyVO) throws Exception{
|
||||
update("ApiCallInfoMngDAO.updateApiCallInfoAll", apiKeyVO);
|
||||
}
|
||||
}
|
||||
@ -66,4 +66,14 @@ public class ApiCallInfoMngServiceImpl extends EgovAbstractServiceImpl implement
|
||||
|
||||
}
|
||||
|
||||
@Override
|
||||
public void udpateApiKeyInfoReal(ApiKeyVO apiKeyVO) throws Exception {
|
||||
apiKeyVO.setUseYn("N");
|
||||
apiCallInfoMngDAO.updateApiCallInfoAll(apiKeyVO);
|
||||
|
||||
//api key 삭제
|
||||
apiKeyMngDAO.deleteApiKey(apiKeyVO);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
@ -48,10 +48,6 @@ public class ApiKeyMngDAO extends EgovComAbstractDAO{
|
||||
return update("ApiKeyMngDAO.insertApiKey", apiKeyVO);
|
||||
}
|
||||
|
||||
public void deleteApiKeyReal(ApiKeyVO apiKeyVO) throws Exception{
|
||||
update("ApiKeyMngDAO.deleteApiKeyReal", apiKeyVO);
|
||||
}
|
||||
|
||||
public List<ApiKeyVO> selectApiKeyApplyStatus(ApiKeyVO apiKeyVO){
|
||||
return (List<ApiKeyVO>) list("ApiKeyMngDAO.selectApiKeyApplyStatus", apiKeyVO);
|
||||
}
|
||||
@ -60,4 +56,8 @@ public class ApiKeyMngDAO extends EgovComAbstractDAO{
|
||||
return (int) select("ApiKeyMngDAO.selectMberApiKeyChk", apiKeyVO);
|
||||
}
|
||||
|
||||
public void deleteApiKeyReal(ApiKeyVO apiKeyVO) throws Exception{
|
||||
update("ApiKeyMngDAO.deleteApiKeyReal", apiKeyVO);
|
||||
}
|
||||
|
||||
}
|
||||
@ -472,7 +472,9 @@ public class ApiKeyMngController {
|
||||
apiKeyVO.setMberId(userId);
|
||||
apiKeyVO.setAccessNo(p_accessNo);
|
||||
|
||||
apiCallInfoMngService.deleteApiKeyInfoReal(apiKeyVO);
|
||||
// 2025.06.02 update로 수정
|
||||
// apiCallInfoMngService.deleteApiKeyInfoReal(apiKeyVO);
|
||||
apiCallInfoMngService.udpateApiKeyInfoReal(apiKeyVO);
|
||||
|
||||
modelAndView.addObject("message", "삭제 완료되었습니다.");
|
||||
modelAndView.addObject("result", "success");
|
||||
|
||||
@ -198,7 +198,7 @@ public class EgovMypageRESTAPIController{
|
||||
|
||||
List<ApiKeyVO> resultList = new ArrayList<ApiKeyVO>();
|
||||
resultList = apiKeyMngService.selectApiKeyApplyStatus(apiKeyVO);
|
||||
System.out.println("=============");
|
||||
|
||||
if (resultList.size()>0) {
|
||||
if(StringUtils.isNotEmpty(resultList.get(0).getFrstRegistPnttm()))
|
||||
{
|
||||
|
||||
@ -85,4 +85,11 @@
|
||||
DELETE FROM lettngnrlmber_access_call_info
|
||||
WHERE access_no = #accessNo#
|
||||
</delete>
|
||||
|
||||
<update id="ApiCallInfoMngDAO.updateApiCallInfoAll" parameterClass="apiKeyVO">
|
||||
UPDATE lettngnrlmber_access_call_info
|
||||
SET use_yn = #useYn#
|
||||
WHERE access_no = #accessNo#
|
||||
|
||||
</update>
|
||||
</sqlMap>
|
||||
|
||||
@ -208,6 +208,7 @@
|
||||
)
|
||||
WHERE 1=1
|
||||
and a.mber_id=#mberId#
|
||||
and b.USE_YN != 'N'
|
||||
LIMIT 1
|
||||
|
||||
</select>
|
||||
|
||||
@ -242,7 +242,7 @@ function fn_reg_user_4_apikey(){
|
||||
var form = document.checkForm;
|
||||
var data = new FormData(form);
|
||||
|
||||
if(confirm("API 신청하시겠습니까?")) {
|
||||
if(confirm("API를 신청하시겠습니까?")) {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/uss/ion/apikey/UserAPIInsertAPIKEYAjax.do",
|
||||
@ -299,6 +299,10 @@ function fn_reg_user_4_apikey(){
|
||||
<!--신청/관리 내용-->
|
||||
<!--API 신청 정보 : 신청 전-->
|
||||
<div class="api_admin">
|
||||
<ul class="info">
|
||||
<li>- 서비스 사용 신청 시, 문자 및 카카오톡 연동서비스를 모두 이용하실 수 있습니다.</li>
|
||||
<li>- 관리자 승인 이후 발송 서버 IP를 등록해 주셔야 합니다.</li>
|
||||
</ul>
|
||||
<div class="admin_title">API 신청 정보</div>
|
||||
<div class="tb_wrap_t1">
|
||||
<table class="tType4">
|
||||
|
||||
@ -31,7 +31,16 @@ $(document).ready(function(){
|
||||
<h2>예제 다운로드</h2>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="pay_tab_wrap">
|
||||
<ul class="tabType1">
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'1');TabType3(this,'1');">문자</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'2');TabType3(this,'7');">카카오톡</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!--예제 다운로드 내용-->
|
||||
<div class="api_guide current" id="tab5_1">
|
||||
<div class="api_download">
|
||||
<ul class="info">
|
||||
<li>- 아래 예제(JSP, PHP)를 참고하시어 쉽고 편리하게 API를 연동할 수 있습니다.</li>
|
||||
@ -294,6 +303,272 @@ $(document).ready(function(){
|
||||
</div>
|
||||
<!--// 예제 다운로드 내용-->
|
||||
</div>
|
||||
<div class="api_guide current" id="tab5_2">
|
||||
<div class="api_download">
|
||||
<ul class="info">
|
||||
<li>- 카카오톡아래 예제(JSP, PHP)를 참고하시어 쉽고 편리하게 API를 연동할 수 있습니다.</li>
|
||||
<li>- JSP, PHP 외 타 예제는 계속해서 업데이트 될 예정입니다.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div class="list_tab_wrap2 type2">
|
||||
<!-- tab button -->
|
||||
<ul class="list_tab">
|
||||
<li class="tab active"><button type="button" onclick="listTab3(this,'7');">JSP</button>
|
||||
</li>
|
||||
<!-- <li class="tab"><button type="button" onclick="listTab3(this,'8');">ASP</button>
|
||||
</li> -->
|
||||
<li class="tab"><button type="button" onclick="listTab3(this,'9');">PHP</button>
|
||||
</li>
|
||||
<!--<li class="tab"><button type="button" onclick="listTab3(this,'10');">.NET</button>
|
||||
</li>
|
||||
<li class="tab"><button type="button" onclick="listTab3(this,'11');">AOS</button>
|
||||
</li>
|
||||
<li class="tab"><button type="button" onclick="listTab3(this,'12');">IOS</button>
|
||||
</li>-->
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
</div>
|
||||
|
||||
<!-- JSP 다운로드-->
|
||||
<div class="download_cont current" id="listTab3_7">
|
||||
<div class="box">
|
||||
<div class="text">
|
||||
<h4>JSP Example</h4>
|
||||
<table>
|
||||
<caption>JSP 샘플 파일 설명 테이블</caption>
|
||||
<colgroup>
|
||||
<col style="width:35%;">
|
||||
<col style="width:65%;">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th>kakao jsp_example_send_msg_r1.jsp</th>
|
||||
<td>문자보내기(여러명에게 동일한문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>sp_example_send_msgs_r1.jsp</th>
|
||||
<td>문자보내기(여러명에게 다른문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>jsp_example_hstry_r1.jsp</th>
|
||||
<td>전송내역조회</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>jsp_example_hstry_detail_r1.jsp</th>
|
||||
<td>상세전송내역조회</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>jsp_example_select_price_r1.jsp</th>
|
||||
<td>발송가능건수</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_area">
|
||||
<button type="button" class="btnType btnType11">JSP용 예제 다운받기</button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// JSP 다운로드-->
|
||||
<!--ASP 다운로드-->
|
||||
<div class="download_cont" id="listTab3_8">
|
||||
<div class="box">
|
||||
<div class="text">
|
||||
<h4>ASP Example</h4>
|
||||
<table>
|
||||
<caption>ASP 샘플 파일 설명 테이블</caption>
|
||||
<colgroup>
|
||||
<col style="width:35%;">
|
||||
<col style="width:65%;">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_area">
|
||||
<button type="button" class="btnType btnType11">ASP용 예제 다운받기</button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// ASP 다운로드-->
|
||||
<!--PHP 다운로드-->
|
||||
<div class="download_cont" id="listTab3_9">
|
||||
<div class="box">
|
||||
<div class="text">
|
||||
<h4>PHP Example</h4>
|
||||
<table>
|
||||
<caption>PHP 샘플 파일 설명 테이블</caption>
|
||||
<colgroup>
|
||||
<col style="width:35%;">
|
||||
<col style="width:65%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>php_example_send_msg_r1.php</th>
|
||||
<td>문자보내기(여러명에게 동일한문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>php_example_send_msgs_r1.php</th>
|
||||
<td>문자보내기(여러명에게 다른문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>php_example_hstry_r1.php</th>
|
||||
<td>전송내역조회</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>php_example_hstry_detail_r1.php</th>
|
||||
<td>상세전송내역조회</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>php_example_select_price_r1.php</th>
|
||||
<td>발송가능건수</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_area">
|
||||
<button type="button" class="btnType btnType11">PHP용 예제 다운받기</button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// PHP 다운로드-->
|
||||
<!--.NET 다운로드-->
|
||||
<div class="download_cont" id="listTab3_10">
|
||||
<div class="box">
|
||||
<div class="text">
|
||||
<h4>.NET Example</h4>
|
||||
<table>
|
||||
<caption>.NET 샘플 파일 설명 테이블</caption>
|
||||
<colgroup>
|
||||
<col style="width:35%;">
|
||||
<col style="width:65%;">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_area">
|
||||
<button type="button" class="btnType btnType11">.NET용 예제 다운받기</button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// .NET 다운로드-->
|
||||
<!--AOS 다운로드-->
|
||||
<div class="download_cont" id="listTab3_11">
|
||||
<div class="box">
|
||||
<div class="text">
|
||||
<h4>AOS Example</h4>
|
||||
<table>
|
||||
<caption>AOS 샘플 파일 설명 테이블</caption>
|
||||
<colgroup>
|
||||
<col style="width:35%;">
|
||||
<col style="width:65%;">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_area">
|
||||
<button type="button" class="btnType btnType11">AOS용 예제 다운받기</button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// AOS 다운로드-->
|
||||
<!--IOS 다운로드-->
|
||||
<div class="download_cont" id="listTab3_12">
|
||||
<div class="box">
|
||||
<div class="text">
|
||||
<h4>IOS Example</h4>
|
||||
<table>
|
||||
<caption>IOS 샘플 파일 설명 테이블</caption>
|
||||
<colgroup>
|
||||
<col style="width:35%;">
|
||||
<col style="width:65%;">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_area">
|
||||
<button type="button" class="btnType btnType11">IOS용 예제 다운받기</button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// IOS 다운로드-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
|
||||
@ -6,7 +7,6 @@
|
||||
$(document).ready(function() {
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
<!-- content 영역 -->
|
||||
<div class="inner">
|
||||
@ -17,21 +17,35 @@ $(document).ready(function(){
|
||||
<!-- tab button -->
|
||||
<div class="api_guide_cont current">
|
||||
<div class="heading">
|
||||
<h2>문자연동(API) 소개</h2>
|
||||
<h2>연동 서비스 안내</h2>
|
||||
</div>
|
||||
|
||||
<!--소개 내용-->
|
||||
<div class="api_visual_image">
|
||||
<img src="<c:url value='/publish/images/api_intro_cont/api_intro_visual.jpg' />" alt="문자연동(API)도 이제 '문자온!'' 별도의 프로그램 설치 없이 누구나 쉽고 편리하게 문자를 발송할 수 있습니다." usemap="#image-map">
|
||||
<img
|
||||
src="<c:url value='/publish/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="<c:out value='/web/api/appMgmt.do' />" coords="338,266,88,216" shape="rect">
|
||||
<area target="_self" alt="문자연동(API)신청하기" title="문자연동(API)신청하기"
|
||||
href="<c:out value='/web/api/appMgmt.do' />"
|
||||
coords="338,266,88,216" 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">
|
||||
<div class="api_intro api_guide current" id="tab5_1">
|
||||
<div class="title">
|
||||
<h3>문자연동(API) 사용 절차</h3>
|
||||
<h3>문자 API 사용 절차</h3>
|
||||
</div>
|
||||
|
||||
<div class="title-line">
|
||||
@ -42,19 +56,46 @@ $(document).ready(function(){
|
||||
<div class="con">
|
||||
<ul class="api_process_guide">
|
||||
<li class="guide">
|
||||
<p class="step_title">STEP <span>01</span></p>
|
||||
<p class="step_title">
|
||||
STEP <span>01</span>
|
||||
</p>
|
||||
<div class="step_con">
|
||||
<div class="icon"><img src="<c:url value='/publish/images/api_intro_cont/api_guide_01.jpg' />" alt="문자 API 신청 아이콘"></div>
|
||||
<div class="icon">
|
||||
<img src="/publish/images/api_intro_cont/api_guide_00.png"
|
||||
alt="문자 API 신청 아이콘">
|
||||
</div>
|
||||
<dl>
|
||||
<dt>문자연동(API) 신청</dt>
|
||||
<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>02</span></p>
|
||||
<p class="step_title">
|
||||
STEP <span>03</span>
|
||||
</p>
|
||||
<div class="step_con">
|
||||
<div class="icon"><img src="<c:url value='/publish/images/api_intro_cont/api_guide_02.jpg' />" alt="관리자 승인 아이콘"></div>
|
||||
<div class="icon">
|
||||
<img src="/publish/images/api_intro_cont/api_guide_02.jpg"
|
||||
alt="아이피(IP) 등록 아이콘">
|
||||
</div>
|
||||
<dl>
|
||||
<dt>관리자 승인</dt>
|
||||
<dd>승인 완료 시 문자 안내</dd>
|
||||
@ -62,23 +103,36 @@ $(document).ready(function(){
|
||||
</div>
|
||||
</li>
|
||||
<li class="guide">
|
||||
<p class="step_title">STEP <span>03</span></p>
|
||||
<p class="step_title">
|
||||
STEP <span>04</span>
|
||||
</p>
|
||||
<div class="step_con">
|
||||
<div class="icon"><img src="<c:url value='/publish/images/api_intro_cont/api_guide_03.jpg' />" alt="아이피(IP) 등록 아이콘"></div>
|
||||
<div class="icon">
|
||||
<img src="/publish/images/api_intro_cont/api_guide_03.jpg"
|
||||
alt="API 연동 아이콘">
|
||||
</div>
|
||||
<dl>
|
||||
<!-- <dt>아이피<span>(IP)</span> 등록</dt> -->
|
||||
<dt>아이피(IP) 등록</dt>
|
||||
<dd>문자연동(API)를 통해 문자 발송 서버 IP 등록</dd>
|
||||
</dl>
|
||||
<dd>
|
||||
문자 API를 통해<br>문자 발송 서버 IP 등록
|
||||
</dd>
|
||||
</dt>
|
||||
</div>
|
||||
</li>
|
||||
<li class="guide">
|
||||
<p class="step_title">STEP <span>04</span></p>
|
||||
<p class="step_title">
|
||||
STEP <span>05</span>
|
||||
</p>
|
||||
<div class="step_con">
|
||||
<div class="icon"><img src="<c:url value='/publish/images/api_intro_cont/api_guide_04.jpg' />" alt="API 연동 아이콘"></div>
|
||||
<div class="icon">
|
||||
<img src="/publish/images/api_intro_cont/api_guide_04.jpg"
|
||||
alt="API 연동 아이콘">
|
||||
</div>
|
||||
<dl>
|
||||
<dt>API 연동</dt>
|
||||
<dd>API 사용 매뉴얼 및 샘플링을 통해 누구나 손쉽게 연동 가능</dd>
|
||||
<dd>
|
||||
API 사용 매뉴얼 및 샘플링을<br>통해 누구나 손쉽게 연동 가능
|
||||
</dd>
|
||||
</dt>
|
||||
</div>
|
||||
</li>
|
||||
@ -86,6 +140,107 @@ $(document).ready(function(){
|
||||
</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>
|
||||
|
||||
|
||||
@ -97,7 +97,7 @@ function customPopup(){
|
||||
<button type="button" id="btnDeptPop" data-tooltip="popup01" style="display: none;"></button>
|
||||
|
||||
<ul class="tabType4">
|
||||
<li class="tab"><button type="button" class="goPage" id="intrdView" data-info="<c:url value="/web/api/intrdView.do" />">문자연동(API)소개</button></li>
|
||||
<li class="tab"><button type="button" class="goPage" id="intrdView" data-info="<c:url value="/web/api/intrdView.do" />">연동 안내</button></li>
|
||||
<li class="tab"><button type="button" class="goPage" id="apiSpec" data-info="<c:url value="/web/api/apiSpec.do" />">개발 가이드</button></li>
|
||||
<%-- <li class="tab"><button type="button" class="goPage" id="apiAtSpec" data-info="<c:url value="/web/api/apiAtSpec.do" />">알림톡 사용안내</button></li> --%>
|
||||
<li class="tab"><button type="button" class="goPage" id="examDown" data-info="<c:url value="/web/api/examDown.do" />">예제 다운로드</button></li>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user