Henu•3mo ago

결제위젯 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>

<!-- 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>