HenuH
Toss payments 개발자 커뮤니티•2y ago•
8 replies
Henu

결제위젯 Version 2 연동 시 결제금액 설정 관련 문의

안녕하세요, 개발중인 사이트에 결제위젯 Version 2를 연동중에 있습니다.

사용 개발언어는 PHP입니다.
(연동 가이드 페이지 에서 Client: Javascript / Server: PHP 코드를 참고하고 있습니다.)

결제창 호출 샘플 페이지를 생성 후 접근하여 결제위젯 객체(widgets)의 setAmount()를 동작시켜 보았습니다.

하지만 첨부된 세 번째 이미지처럼 
amount
 변수가 선언되지 않은 것으로 오류 메시지가 출력되고 있습니다.

연동 가이드 페이지 소스코드에는 나와있지 않지만 amount를 Javascript 변수로 선언해야 하는지 문의드립니다.

아래는 당사측에서 작성한 결제창 호출 페이지 코드의 일부입니다.

<!-- TODO more HTML 태그 -->
<script src="https://js.tosspayments.com/v2/standard"></script>
<script>
  main();
  
  async function main() {
      const button = document.getElementById('payment-button');
      const coupon = document.getElementById('coupon-box');
      const clientKey = '<?php echo $ck; ?>';
      const tossPayments = TossPayments(clientKey);
      const customerKey = <?php echo !empty($member['mb_id']) ? "'" . gernerate_uuid() . "'" : "TossPayments.ANONYMOUS"; ?>;
      // TODO 브랜드페이 사용을 위한 변수 선언
      const brandpay = {
          redirectUrl: window.location.origin + '/board/payments/tosspayments/experience/brandpay_oauth.php',
      };
      // FIXME amount 선언
      const amount = <?php echo $amount; ?>;
  
      /*
       * TODO more code...
       * 1. 결제위젯 인스턴스 생성
       * 2. 결제 금액 설정
       * 3. 기타 등등...
       */
  }
</script>
01_guide_JS_PHP.png
02_setAmount.png
03_test.png
연동하기 | 토스페이먼츠 개발자센터
토스페이먼츠의 간편한 결제 연동 과정을 한눈에 볼 수 있습니다. 각 단계별 설명과 함께 달라지는 UI와 코드를 확인해보세요.
연동하기 | 토스페이먼츠 개발자센터
Was this page helpful?