支払ウィンドウの作成
一般決済:カード決済、振替、無割引預金(仮想口座)
定期決済:カード決済!
https://www.iamport.kr/
管理者ページへ
https://admin.iamport.kr/settingsシステム設定へ
使用するAPIはhttps://api.iamport.kr/に入ることができます.
今から設定します.
定期決済:カード決済!
https://www.iamport.kr/
管理者ページへ
https://admin.iamport.kr/settingsシステム設定へ
使用するAPIはhttps://api.iamport.kr/に入ることができます.
今から設定します.
<!-- jQuery -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js" ></script>
<!-- iamport.payment.js -->
<script type="text/javascript" src="https://cdn.iamport.kr/js/iamport.payment-{SDK-최신버전}.js"></script>
const IMP = window.IMP; // 생략 가능
IMP.init("{Merchant ID}"); // Example: imp00000000
IMP.request_pay({ // param
pg: "html5_inicis",
pay_method: "card",
merchant_uid: "ORD20180131-0000011",
name: "노르웨이 회전 의자",
amount: 64900,
buyer_email: "[email protected]",
buyer_name: "홍길동",
buyer_tel: "010-4242-4242",
buyer_addr: "서울특별시 강남구 신사동",
buyer_postcode: "01181"
}, rsp => { // callback
if (rsp.success) {
...,
// 결제 성공 시 로직,
...
} else {
...,
// 결제 실패 시 로직,
...
}
});
IMP.init("{Merchant ID}");//Example:imp 0000000このセクションにキー値を入力する必要があります.import Head from "next/head"; //head를 사용하기위하여 해줘야함
export default function PaymentPage() {
function onClickPayment() {
const IMP = window.IMP; // 생략 가능
IMP.init("imp92591067"); // Example: imp00000000
IMP.request_pay(
{
// param
pg: "html5_inicis",
pay_method: "card",
name: "마우스",
amount: 100,
buyer_email: "[email protected]",
buyer_name: "홍길동",
buyer_tel: "010-4242-4242",
buyer_addr: "서울특별시 강남구 신사동",
buyer_postcode: "01181",
m_redirect_url: "", //모바일 결제후 리다이렉트될 주소!
},
(rsp) => {
// callback
if (rsp.success) {
// 결제 성공 시 로직,
console.log(rsp);
//createPointTransactionOfLoading 뮤테이션 실행하기!! impUid 인자로 넘기기!! imp92591067
// 결제날짜, 결제된 시간, 취소된 시간, newDate() 아니면 백엔드에서 newDate 날짜를 만들것인징.. 백엔드가 맞댕.. 프론트에서getmonth 이런건됨
} else {
// 결제 실패 시 로직,
}
}
);
}
return (
<>
<Head>
<script
type="text/javascript"
src="https://code.jquery.com/jquery-1.12.4.min.js"
></script>
<script
type="text/javascript"
src="https://cdn.iamport.kr/js/iamport.payment-1.2.0.js"
></script>
</Head>
결제금액: <input type="text" />
<button onClick={onClickPayment}>결제하기</button>
</>
);
}
下図のように…!Reference
この問題について(支払ウィンドウの作成), 我々は、より多くの情報をここで見つけました https://velog.io/@cksal4897/결제창-만들기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol