개발자센터

2. 결제 요청하기

추가한 포트원 SDK를 통해 결제를 요청할 수 있습니다.

PortOne.requestPayment() 함수의 첫번째 파라미터를 설정하여 호출하면 결제창 호출이 가능합니다.

이전 단계의 설치 방법에 따라 함수를 호출하는 방법이 다르니 참고해주세요.

import * as PortOne from '@portone/browser-sdk/v2';
function requestPayment() {
  PortOne.requestPayment({
    // 가맹점 storeId로 변경해주세요.
    storeId: 'store-4ff4af41-85e3-4559-8eb8-0d08a2c6ceec',
    paymentId: 'paymentId_{now()}',
    orderName: '나이키 와플 트레이너 2 SD',
    totalAmount: 1000,
    currency: 'CURRENCY_KRW',
    pgProvider: 'PG_PROVIDER_TOSSPAYMENTS',
    payMethod: "CARD"
  });
}

<script> 태그를 이용해 추가한 경우 전역 객체 windowPortOne 객체가 추가됩니다.

<script>
  function requestPayment() {
    PortOne.requestPayment({
      // 가맹점 storeId로 변경해주세요.
      storeId: 'store-4ff4af41-85e3-4559-8eb8-0d08a2c6ceec',
      paymentId: 'paymentId_{now()}',
      orderName: '나이키 와플 트레이너 2 SD',
      totalAmount: 1000,
      currency: 'CURRENCY_KRW',
      pgProvider: 'PG_PROVIDER_TOSSPAYMENTS',
      payMethod: "CARD"
    });
  }
</script>

주문번호(paymentId) 생성 시 유의사항

주문번호는 결제창 요청 시 항상 고유 값으로 채번 되어야 합니다. 결제 완료 이후 결제 위변조 대사 작업시 주문번호를 이용하여 검증이 필요하므로 주문번호는 가맹점 서버에서 고유하게(unique)채번하여 DB에 저장해주세요