π³β¨π κ΅λ΄ PG κ²°μ μ°λ μλΉμ€, μμν¬νΈλ₯Ό μν νμ μ€ν¬λ¦½νΈ νμ μ μΈμ μ 곡ν©λλ€.
npm install -D iamport-typings
# Or using yarn
yarn add -D iamport-typings
ν¨ν€μ§λ₯Ό μ€μΉν©λλ€.
λ©μλλ³ μ§μ μν©μ λλ€. PRμ μΈμ λ νμ! π
-
init
-
request_pay
-
agency
-
certification
-
close
-
communicate
-
naver_zzim
// tsconfig.json
{
"compilerOptions": {
"types": [
"iamport-typings"
]
}
}
μ¬μ©ν νλ‘μ νΈ λ£¨νΈ λλ ν 리μ μλ tsconfig.json
νμΌμ compilerOptions.types
μ iamport-typings
λ₯Ό μΆκ°νκΈ°λ§ νλ©΄ λ!
const { IMP } = window;
Window
μΈν°νμ΄μ€λ₯Ό νμ₯νκΈ° λλ¬Έμ, κΈ°μ‘΄μ²λΌ μμ κ°μ΄ λ°λ‘ μ¬μ©ν μ μλ΅λλ€! π
import { RequestPayParams, RequestPayResponse } from 'iamport-typings';
const onClickPayment = () => {
const { IMP } = window;
IMP.init('your_imp_uid');
const params: RequestPayParams = {
...
};
IMP.request_pay(params, onPaymentAccepted);
};
const onPaymentAccepted = (response: RequestPayResponse) => {
const { imp_uid, merchant_uid } = response;
console.log(imp_uid, merchant_uid);
};
μμ κ°μ΄ κ°κ°μ μΈν°νμ΄μ€λ₯Ό κ°μ Έμ μ¬μ©νλ κ²λ κ°λ₯ν©λλ€.
μΈν°νμ΄μ€ μ΄λ¦ | μ€λͺ |
---|---|
Iamport |
μμν¬νΈ κ°μ²΄ |
RequestPayParams |
request_pay λ©μλλ₯Ό μν κ²°μ μΉμΈμ νμν μ 보λ₯Ό λ΄κ³ μλ κ°μ²΄λ‘, RequestPayAdditionalParams μμ νμ₯λ¨ |
RequestPayAdditionalParams |
request_pay λ©μλλ₯Ό μν μΆκ° μμ± |
Display |
RequestPayParams μ μ νμ μΌλ‘ ν¬ν¨λλ, ꡬ맀μμκ² μ 곡λλ κ²°μ μ°½ νλ©΄μ λν UI μ΅μ
|
RequestPayResponse |
κ²°μ κ²°κ³Όμ μ 보λ₯Ό λ΄κ³ μλ κ°μ²΄λ‘, request_pay λ©μλμ μ§μ λλ μ½λ°± ν¨μμ μΈμλ‘, RequestPayAdditionalResponse μμ νμ₯λ¨ |
RequestPayAdditionalResponse |
request_pay λ©μλμ μ½λ°±μ μν μΆκ° μμ± |
RequestPayResponseCallback |
request_pay λ©μλμ ν¨μ νμ
리ν°λ΄ |