아임포트 결제 연동하기

...com/detail/[id]/complete?imp_uid=결제건을_특정하는_아임포트_번호&merchant_uid=가맹점_고유_주문번호&imp_success=true

const Detail = () => {
    const { query } = useRouter();
    useEffect(() => {
        const { imp_uid , merchant_uid , imp_success } = query;
        if(imp_uid && merchant_uid && imp_success) {
            // 결제 후 리디렉션 url로 이동이 되었을 경우
            // ... 쿼리스트링으로 받은 데이터를 가지고 핸들링
        };
    }, [query]);
    
    return (
        /* ...중략... */
    );
};

const callback = ({success}) => {
    /* ...중략... */
    if(success) {
        // 성공 페이지로 이동
    } else {
        // 실패 페이지로 이동
    }
};

IMP.request_pay({
    // ...
    /* Mobile환경에선 리디렉션 url을 세팅해줘야 함 */
    m_redirect_url
}, callback)