토스페이먼츠 시리즈 (1) _ 도입

var clientKey = 'test_ck_d26DlbXAaV0mzlvkmvKrqY50Q9RB'
    var tossPayments = TossPayments(clientKey)
    var button = document.getElementById('payment-button') // 결제하기 버튼
    button.addEventListener('click', function () {
        tossPayments.requestPayment('카드', {
            amount: 35000,
            orderId: 'oidajfaoewf',
            orderName: "가나다라마바사",
            customerName: "홍길동",
            successUrl: '<http://localhost:8080/success>',
            failUrl: '<http://localhost:8080/fail>',
        })
    })

• clientKey: 토스페이먼츠에서 서비스 제공자에게 정해준 클라이언트 키이다. → 토스 페이먼츠 입장에서는 가맹점이 클라이언트이므로 클라이언트 키라는 이름이 붙는다. 클라이언트를 구분해주는 용도로 사용되겠다.
• orderId: 주문 고유 번호이다. 모든 주문마다 달라야 한다. 이 값은 서비스 제공자 측에서 정해준다.

1. 토스 결제 시

1.1 누르기

1.2 결제창 생성

1.3 결제 실패시

• 결제가 취소되었다는 내용이 나온다.

1.4 결제 성공시

• http://localhost:8080/success?orderId=oidajfaoewf&paymentKey=xMBvpmjnoD4yKeq5bgrpe49m6eP2vB8GX0lzW6YOQJ1w9NLR&amount=100
• 리다이렉션 URL이 나온다.
• http://localhost:8080/success?
• orderId=서비스에서 정한 주문 고유번호