form 객체를 찾을수 없습니다.

andrewriu commented 1 year ago

현재 프론트엔드 React 사용중이고,

document.createElement("form")로 form 태그 생성하고 태그 아래로 hidden 요소들을 추가한뒤 document.getElementById("root")?.appendChild(form); 방식으로 form 태그를 추가한뒤에,,

INIStdPay.pay(inicisFormId);를 이용하는데요. 문제 .pay를 호출하는 시점에 form 태그가 제대로 준비되지 않는 경우가 생기는 바람에 "form 객체를 찾을수 없습니다." 라는 에러가 노출이되며 결제가 진행되지 않습니다.

해당 이슈가 발생하여, 아래 두개를 조합하여 form 객체가 완성되면 pay가 진행될수 있도록 할까 생각중입니다. 다른 해결책 있으면 공유 부탁드립니다.

setInterval
INIStdPay.formCheck(inicisFormId)

ts-inicis commented 1 year ago

안타깝게도 현재 React 가이드라인이 제공되고 있지 않습니다.

프론트엔드 React 로 구현하신 분들의 소중한 의견을 부탁드립니다.

andrewriu commented 1 year ago

안타깝게도 현재 React 가이드라인이 제공되고 있지 않습니다.

프론트엔드 React 로 구현하신 분들의 소중한 의견을 부탁드립니다.

안녕하세요 답변 감사드립니다. 그럼 아래 사항처럼 코드를 구성해도 될지 의견 부탁드립니다..

" // @ts-ignores INIStdPay.init();

        // @ts-ignores
        let inicisPayTimerId = setInterval(() => {
          if (
            // @ts-ignores
            window.$jINI &&
            // @ts-ignores
            INIStdPay.formCheck(inicisFormId) &&
            isInicisSriptLoaded
          ) {
            // @ts-ignores
            INIStdPay.pay(inicisFormId);
            clearInterval(inicisPayTimerId);
            inicisPayTimerId = undefined;
          }
        }, 100);

"

문의사항 formCheck 함수는 이니시스 모듈에 포함된 내부함수인데, 저희 쪽에서 체크 후에 pay를 Call 하는 방식으로 구현해도 될지?

해당 부분 formCheck라는 함수가 사라지거나 이름이 바뀌거나 등의 변동이 생길 가능성이 있는지?
formCheck를 쓰기위해 .init()을 call한 후에 window.$jNI 존재여부(현재 모듈의 방식으로 판단됨.)를 확인하는 로직을 구성했는데, 해당 부분이 다른 이니시스 모듈 사용 고객가 차이가 있어, 향후 이슈가되지 않을지?

해당 건 관련하여 아래와 같이 건의사항드립니다.

건의사항 해당 로직이 이니시스 모듈 pay 함수 내에 탑재되면 어떨까요?

formCheck를 0.1초마다 5번정도(0.5초 내외)를 한 이후 그래도 form이 준비되지 않은 경우 "form객체를 찾을수 없습니다." 라는 메세지 노출( 주기나 횟수는 변경 상관 없음. )
해당 부분 inicis 모듈 내 구현시, 저희는 그냥 .pay call만으로 가능( 기존 처럼 다른 고객들과 동일하게 구현 )

kginicis-ts / INICIS_Stdpay

form 객체를 찾을수 없습니다. #89