통합결제창

let payload = Payload()
payload.clientKey = "[ Client Key ]"
payload.price = 50000
payload.orderName = "나이키 운동화 외 2건"
payload.orderId = "order_\(Int(Date().timeIntervalSince1970 * 1000))"
payload.pg = "nicepay"
payload.method = "card" // 단일 결제수단: 카드 결제창으로 다이렉트
// iOS는 복수 결제수단을 methods에 따로 넣어요. method와 methods를 같이 채우지 않아요.
// payload.methods = ["card", "bank"]

Bootpay.requestPayment(viewController: self, payload: payload)
    .onDone { data in
        verifyPayment(receiptId: data["receipt_id"] as? String ?? "")
    }
    .onError { data in print("결제 실패: \(data)") }
    .onCancel { _ in print("결제 취소") }swift

val payload = Payload()
    .setClientKey("[ Client Key ]")
    .setPrice(50000.0)
    .setOrderName("나이키 운동화 외 2건")
    .setOrderId("order_${System.currentTimeMillis()}")
    .setPg("nicepay")
    .setMethod("card") // 단일 결제수단: 카드 결제창으로 다이렉트
    // Android는 복수 결제수단을 setMethods(...)로 따로 넣어요. setMethod와 setMethods를 같이 쓰지 않아요.
    // .setMethods(listOf("card", "bank"))

Bootpay.init(this)
    .setPayload(payload)
    .setEventListener(object : BootpayEventListener {
        override fun onDone(data: String) {
            verifyPayment(data)
        }
        override fun onError(data: String) {}
        override fun onCancel(data: String) {}
        override fun onClose() { Bootpay.removePaymentWindow() }
        override fun onIssued(data: String) {}
        override fun onConfirm(data: String) = true
    }).requestPayment()kotlin

final payload = Payload()
    ..clientKey = '[ Client Key ]'
    ..price = 50000
    ..orderName = '나이키 운동화 외 2건'
    ..orderId = DateTime.now().millisecondsSinceEpoch.toString()
    ..pg = 'nicepay'
    ..method = 'card'; // 단일 결제수단: 카드 결제창으로 다이렉트
// Flutter는 복수 결제수단을 methods에 따로 넣어요. method와 methods를 같이 채우지 않아요.
// payload.methods = ['card', 'bank'];

Bootpay().requestPayment(
    context: context,
    payload: payload,
    onDone: (data) {
        verifyPayment(data);
    },
    onError: (data) => debugPrint('error: $data'),
    onCancel: (data) => debugPrint('cancel: $data'),
    onClose: () {},
);dart

import React, { useRef } from 'react'
import { Button, View } from 'react-native'
import Bootpay from 'react-native-bootpay-api'

export default function PaymentScreen() {
    const bootpay = useRef<Bootpay>(null)

    const requestPayment = () => {
        const payload = {
            pg: 'nicepay',
            order_name: '나이키 운동화 외 2건',
            order_id: 'order_' + Date.now(),
            price: 50000,
            method: 'card', // 단일 결제수단: 카드 결제창으로 다이렉트
            // React Native는 복수 결제수단을 methods에 따로 넣어요. method와 methods를 같이 보내지 않아요.
            // methods: ['card', 'bank']
        }
        const user = { username: '홍길동', phone: '01012345678' }

        bootpay.current?.requestPayment(payload, [], user, {})
    }

    return (
        <View>
            <Button title="결제하기" onPress={requestPayment} />
            <Bootpay
                ref={bootpay}
                client_key={'[ Client Key ]'}
                onDone={(data) => verifyPayment(data.receipt_id)}
                onError={(data) => console.log(data)}
                onCancel={(data) => console.log(data)}
                onClose={() => {}}
            />
        </View>
    )
}tsx

func requestTotalPayment() {
    let payload = Payload()
    payload.clientKey = "[ Client Key ]"
    payload.price = 50000
    payload.orderName = "나이키 운동화 외 2건"
    payload.orderId = "order_\(Int(Date().timeIntervalSince1970 * 1000))"
    // pg / method / methods 미설정 → 통합결제창

    Bootpay.requestPayment(viewController: self, payload: payload)
        .onDone { data in
            verifyPayment(receiptId: data["receipt_id"] as? String ?? "")
        }
        .onError { data in print("결제 실패: \(data)") }
        .onCancel { _ in print("결제 취소") }
}swift

fun requestTotalPayment() {
    val payload = Payload().apply {
        clientKey = "[ Client Key ]"
        price = 50000.0
        orderName = "나이키 운동화 외 2건"
        orderId = "order_${System.currentTimeMillis()}"
        // pg / method / methods 미설정 → 통합결제창
    }

    Bootpay.init(this)
        .setPayload(payload)
        .setEventListener(object : BootpayEventListener {
            override fun onDone(data: String) {
                verifyPayment(data)
            }
            override fun onError(data: String) {}
            override fun onCancel(data: String) {}
            override fun onClose() { Bootpay.removePaymentWindow() }
            override fun onIssued(data: String) {}
            override fun onConfirm(data: String) = true
        }).requestPayment()
}kotlin

void requestTotalPayment(BuildContext context) {
    final payload = Payload()
        ..clientKey = '[ Client Key ]'
        ..price = 50000
        ..orderName = '나이키 운동화 외 2건'
        ..orderId = DateTime.now().millisecondsSinceEpoch.toString();
    // pg / method / methods 미설정 → 통합결제창

    Bootpay().requestPayment(
        context: context,
        payload: payload,
        onDone: (data) {
            verifyPayment(data);
        },
        onError: (data) => debugPrint('error: $data'),
        onCancel: (data) => debugPrint('cancel: $data'),
        onClose: () {},
    );
}dart

import React, { useRef } from 'react'
import { Button, View } from 'react-native'
import Bootpay from 'react-native-bootpay-api'

export default function TotalPaymentScreen() {
    const bootpay = useRef<Bootpay>(null)

    const requestPayment = () => {
        const payload = {
            order_name: '나이키 운동화 외 2건',
            order_id: 'order_' + Date.now(),
            price: 50000,
            // pg / method / methods 미설정 → 통합결제창
        }
        const user = { username: '홍길동', phone: '01012345678' }

        bootpay.current?.requestPayment(payload, [], user, {})
    }

    return (
        <View>
            <Button title="결제하기" onPress={requestPayment} />
            <Bootpay
                ref={bootpay}
                client_key={'[ Client Key ]'}
                onDone={(data) => verifyPayment(data.receipt_id)}
                onError={(data) => console.log(data)}
                onCancel={(data) => console.log(data)}
                onClose={() => {}}
            />
        </View>
    )
}tsx