나이스 페이먼츠 결제 서비스 연동하기 - 팝업창 불러오고 카드사 인증하기 (1)

이제 본격적으로 개발을 시작해보자.

IntelliJ IDEA 에서 Spring boot 프로젝트를 개설하자

소스코드 보기

HomeController.java

package com.example.nicepayments.controller;

import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;

import java.util.Map;

@Controller
public class HomeController {

    @GetMapping("/")
    public String home() {
        return "index";
    }

    @PostMapping("/serverAuth")
    public ResponseEntity<?> serverAuthCallback(@RequestParam Map<String, String> params) {
        System.out.println("serverAuthCallback 실행");
        return ResponseEntity.ok().build();
    }

}

index.jsp ( 반드시 src/main/webapp/WEB-INF/views/ 밑에 위치 시켜야 함. )

<%@ page contentType="text/html; charset=UTF-8" %>
<html>
<head>
    <title>NICEPAY TEST</title>
    <script src="https://pay.nicepay.co.kr/v1/js/"></script>
    <script>
        function serverAuth() {
            AUTHNICE.requestPay({
                clientId: '{나이스페이 관리자 Client KEY 값}',
                method: 'card',
                orderId: 'bingbong-order-1234',
                amount: 1004,
                goodsName: '빙봉 필통',
                vbankHolder: '나이스',
                returnUrl: 'http://localhost:8080/serverAuth',
                fnError: function (error) {
                    console.log("결제 오류:", error);
                    alert("에러발생");
                }
            });
        }
    </script>
</head>
<body>
<h2>NICEPAY 테스트</h2>

<button onclick="serverAuth()">결제 요청</button>

</body>
</html>

참고로, 저기서 method 값이 vbank 이면, 가상계좌 목록이 나타난다. 지금은 card 이기 때문에 카드로 결제하는 팝업 창이 뜬다.

application.yml

spring:
  mvc:
    view:
      prefix: /WEB-INF/views/
      suffix: .jsp

server:
  port: 8080

build.gradle.kts

plugins {
    java
    id("org.springframework.boot") version "4.0.0"
    id("io.spring.dependency-management") version "1.1.7"
}

group = "com.example"
version = "0.0.1-SNAPSHOT"
description = "nicePayments"

java {
    toolchain {
        languageVersion = JavaLanguageVersion.of(17)
    }
}

repositories {
    mavenCentral()
}

dependencies {
    implementation("org.springframework.boot:spring-boot-starter-webmvc")
    implementation("org.apache.tomcat.embed:tomcat-embed-jasper")
    implementation("jakarta.servlet.jsp.jstl:jakarta.servlet.jsp.jstl-api")
    implementation("org.glassfish.web:jakarta.servlet.jsp.jstl")

    testImplementation("org.springframework.boot:spring-boot-starter-webmvc-test")
}

tasks.withType<Test> {
    useJUnitPlatform()
}