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

원래 잘 안올리고 다른 질문부터 확인하긴하는데, 몇 사례가 없어 찾아보기 힘들어 이렇게 요청드려요.

밑에 글이랑 비슷한데, order_check를 했을 때, 404(포트원에서 결제내역을 찾을 수 없습니다) 에러가 보입니다.

밑의 질문 답변처럼 order_pay.html에서 console.log를 찍어 확인해보려 해도, 콘솔창에 보이지 않네요...

어떻게 해결해야할까요?

코드도 공유드립니다.

order_pay.html
{% block extra-script %}
    {{ payment_props|json_script:"payment-props" }}
    <script src="https://cdn.iamport.kr/v1/iamport.js"></script>
    <script>
        (function() {
            const IMP = window.IMP;
            const next_url = "{{ next_url }}";
            IMP.init("{{ portone_shop_id }}");

            const json_string = document.querySelector("#payment-props").textContent;
            const props = JSON.parse(json_string);

            IMP.request_pay(props, function(response) {
                // location.href = next_url;
                console.log(response);
                console.log(props);
            });
        })();
    </script>
{% endblock %}

views.py

@login_required
def order_pay(request, pk):
    order = get_object_or_404(Order, pk=pk, user=request.user)

    if not order.can_pay():
        messages.error(request, "현재 결제를 할 수 없는 주문입니다.")
        return redirect("membership:order_detail", order.pk)  # TODO: order_detail 구현

    payment = OrderPayment.create_by_order(order)

    payment_props = {
        "pg": "uplus",
        "merchant_uid": payment.merchant_uid,
        "name": payment.name,
        "amount": payment.desired_valuation,
        "buyer_name": payment.buyer_name,
        "buyer_email": payment.buyer_email,
        "buyer_tel": str(request.user.phone_number),
        "buyer_addr": "성수이로 20길 16",
        "buyer_postcode": "04783",
    }

    return render(
        request,
        'membership/order_pay.html',
        {
            'portone_shop_id': settings.PORTONE_SHOP_ID,
            'payment_props': payment_props,
            'next_url': reverse('membership:order_check', args=[order.pk, payment.pk]),
        }
    )