인프런 커뮤니티 질문&답변

포트원 API를 사용해서 결제를 진행하려고 합니다.

버튼을 클릭하면 해당 값을 받아 결제 창으로 넘기려고 하는데, 결제창이 아예 안 뜨네요

console.log를 통해 const response가 아예 작동하지 않는다는 건 확인했는데(앞뒤로 로깅메세지를 찍으니 앞에 것만 뜹니다) 왜 안되는지는 문서를 봐도 잘 모르겠습니다. 글도 예전의 아임포트 기준으로 쓰여진 게 많아서 답답하네요. 혹시 이유를 아시는 분 계시면 알려주시면 감사하겠습니다.

storeId/channelKey는 임의의 값으로 적어두긴 했는데, 실제로는 모두 발급받은 키를 입력했습니다.

	<script src="https://cdn.portone.io/v2/browser-sdk.js"></script>
    <script>
    const storeId = "임의의 값";
    const channelKey ="임의의 값";
   		
    async function requestPayment(button){
   		const response = await PortOne.requestPayment({
   			storeId: storeId,
   			channelKey: channelKey,
   			paymentId: '111111',
   			orderName: button.value+"원 캐쉬 충전",
   			totalAmount: button.value,
   			currency: "CURRENCY_KRW",
   			payMethod: "CARD",
   		});
   		
   		console.log("111");
   		
   		if(response.code != null){
   			return alert(response.message);
   		}
   			
   		const notified = await fetch(`${SERVER_BASE_URL}/payment/complete`, {
   			method: "POST",
   			headers: { "Content-Type": "application/json" },
   			body: JSON.stringify({
          	paymentId: response.paymentId
           	}),
   		});
   	}