sake/src/main/webapp/WEB-INF/views/sample/SampleNaver.jsp

<%@ 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="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="ui" uri="http://www.winbit.kr/ctl/ui"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Sample</title>
		<c:import url="/comm/mngrCss"/>
    	<c:import url="/comm/include"/>

		<!--[ 네이버 공통유입 스크립트 ]-->
    	<script type="text/javascript" src="https://wcs.naver.net/wcslog.js"></script>
    	<script type="text/javascript">
			if(!wcs_add) var wcs_add = {};
			wcs_add["wa"] = "s_256f0fc6f82c";   //알파랩 네이버 공통인증키
			wcs.checkoutWhitelist = ["nutricore.co.kr","m.nutricore.co.kr","www.nutricore.co.kr"]; // 체크아웃 White list가 있을 경우
			wcs.inflow('nutricore.co.kr');
		</script>

	<!--[ 네이버 구매하기버튼 스크립트 ]-->
	<%
	String webMode = "PC";       //request로 받아서 처리
	String orgMode = "test";     //request로 받아서 처리

	if(webMode.equals("mobile")){
		if(orgMode.equals("test")){
	%>
		<script type="text/javascript" src="http://test-pay.naver.com/customer/js/mobile/naverPayButton.js" charset="UTF-8"></script>
	<%  }else{%>
		<script type="text/javascript" src="http://pay.naver.com/customer/js/mobile/naverPayButton.js" charset="UTF-8"></script>
	<%
		}
	}else{
		if(orgMode.equals("test")){
	%>
		<script type="text/javascript" src="http://test-pay.naver.com/customer/js/naverPayButton.js" charset="UTF-8"></script>
	<%  }else{%>
		<script type="text/javascript" src="http://pay.naver.com/customer/js/naverPayButton.js" charset="UTF-8"></script>
	<%
		}
	}%>

	    <script type="text/javascript">
			function naverpay_submit(mode,shippingType){

				var oneplusonecross_ea = '3';

				/* 이부분 다시 확인 해야 함

				//함께 구매하기내에서 N+M 증정 상품일떄에도 체크 @2020-02-14
					$('#goods_view table.addgoods_quantity_table .quanity_row').each(function(e, el) {
						var relation_oneplusone = $(this).find("input[name='relation_option_select_provider_seq[]']").attr("relation_oneplusone");
						var relation_oneplusone_cross = $(this).find("input[name='relation_option_select_provider_seq[]']").attr("relation_oneplusone_cross");
						if( relation_oneplusone_cross != '1' ) return true;
						$(".relation_ea_change").each(function(e, el) {
							if($(this).val() >= oneplusonecross_ea ){//평균가증정 조건에 맞으면
								oneplusonecross = true;
								return false;
							}
						});
					});
				*/

				if(mode == "direct" || oneplusonecross ){
					if (typeof check_option == 'function') {
						if( !check_option() ){
							return;
						}
					}
					var f = $("form[name='goodsForm']");
				}else{
					var f = $("form[name='cart_form']");
				}
				//f.attr("target","_blank");

				if( oneplusonecross ) {
					f.attr("action","../order/add?oneplusonecross=yes");
				}else if(mode == "direct"){
					f.attr("action","../order/add?mode=direct&order_mode=npay&skin_version=multi&no=814");  //no는 상품번호<?php echo $TPL_VAR["goods"]["goods_seq"]?>

					//결국은 pageRedirect("../naverpay/buy?goodsSeq=".$_GET['no']."&mode=".$mode."&skin_version=".$_GET['skin_version'],'','self');
				}else{
					f.attr("action","../naverpay/buy?mode="+mode+"&shippingType="+shippingType+"&skin_version=multi");
				}
				f[0].submit();

			}

			function buy_nc(){

				var msgcroosgoods	= new Array();
				var msgcroosgoods =  ["[평균가증정]이 존재합니다. <br/> [평균가증정]상품 모두 선택해 주세요.", "[평균가증정]상품이 존재합니다. <br/> [증정상품 선택]버튼을 클릭하여 증정품을 모두 선택해 주세요."];


				//장바구니에서 처리해야할 부분들 있음

				var pay_position	= "direct";  //장바구니이면 cart


				var shipping_group	= "";
				shipping_group	= $("select[name='shipping_method'] option:selected").val();
				naverpay_submit(pay_position,shipping_group);

				//스킨버전으로 popup을 띄우기도 함. (패스해도 될듯한데...)

			}

			function not_buy_nc(){
				var h = 150; openDialogAlert("",450,h); // 주문불가 메시지를 전역변수 not_buy_msg에 넣고 창에서 띄운다.
			}

			function wishlist_nc(){

				// 네이버 체크아웃으로 찜 정보를 등록하는 가맹점 페이지 팝업 창 생성.
				var f = $("form[name='goodsForm']");

				//장바구니 일때 찜개수를 확인하는데...장바구니에선 찜버튼이 없으므로 장바구니에서 확인필요

				f.attr("action","../naverpay/zzim");

				<%if(webMode.equals("mobile")){%>
				f.attr("target","_self");
				<%}else{%>
				window.open("/main/blank","zzim","scrollbars=yes,width=400,height=267");
				f.attr("target","zzim");
				<%}%>

				f[0].submit();
				f.attr("target","actionFrame");
				f.attr("action","../order/add");
				return false;
			}
		</script>

	</head>
	<body>
		<div class="first">
			<!-- 상품정보 -->
			상품명 : 옷 <br/>

			<form id="opt" action="" name="goodsForm">
				색상 :
				<select id="color">
				<option value="no">-- 색상을 선택해 주세요 --</option>
				<option value="red">빨간색</option>
				<option value="red">파란색</option>
				</select><br/>
				크기 :
				<select id="size">
				<option value="no">-- 크기를 선택해 주세요 --</option>
				<option value="L">Large(L)</option>
				<option value="XL">Extra Large(XL)</option>
				</select><br/>
				배송비 :
				<input type="radio" name="spt" value="FREE"/>무료
				<input type="radio" name="spt" value="PAYED"/>선불
				<input type="radio" name="spt" value="ONDELIVERY"/>착불
			</form>

			<script type="text/javascript">//<![CDATA[

				var notPayMode = false;
				var enable			= 'Y';
				var buy_npay		= buy_nc;
				var goods_status	= '';

				// 품절등과 같은 이유에 따라 버튼을 비활성화할 필요가 있을 경우
				if(notPayMode){
					enable		= 'N';
					buy_npay	= not_buy_nc;
					wishlist_nc	= not_buy_nc;
				}
				//버튼타입,버튼색, 버튼갯수 프로퍼티에서 읽어오기
				naver.NaverPayButton.apply({
					BUTTON_KEY:"41D2EDF1-3B81-4DCB-8043-21E4C3043877", // 알파랩 - 네이버페이에서 할당받은 버튼 KEY를 입력하세요. 뉴트리:BUTTON_KEY:"58008618-E3CD-40F7-AE8D-37D624935098"
					TYPE: "A", // 템플릿을 확인하시고 원하는 타입의 버튼을 선택
					COLOR: 1, // 버튼의 색 설정
					COUNT: 2, // 버튼 개수 설정. 구매하기 버튼만 있으면 1, 찜하기 버튼과 함께 있으면 2를 입력한다.
					ENABLE: enable, // 품절등과 같은 이유에 따라 버튼을 비활성화할 필요가 있을 경우
					BUY_BUTTON_HANDLER: buy_npay, // 구매하기 버튼 이벤트 Handler 함수 등록, 품절인 경우 not_buy_nc 함수 사용
					WISHLIST_BUTTON_HANDLER:wishlist_nc, // 구매하기 버튼 이벤트 Handler 함수 등록, 품절인 경우 not_buy_nc 함수 사용  ///sample/SampleNaverPopup
					"":""
				});
			//]]>
			</script>

		</div>
	<script>
		wcs_do();
	</script>
	</body>
</html>