iamport / iamport-react-native

React Native용 아임포트 일반.결제 및 휴대폰 본인인증 모듈입니다.
MIT License
165 stars 62 forks source link

[React native] 통합인증 에러 (ERR_UNSAFE_REDIRECT) #149

Open babo8256 opened 2 years ago

babo8256 commented 2 years ago

React native (Android)로 개발을 진행하고 있고 KG 이니시스 통합인증시 인증완료후 리다이렉트 요청되는 과정에 아래와 같이 에러가 발생합니다. 리다이렉트 url도 문서에 나와있는것 처럼 넣었는데 왜 안되는지 이유를 알 수가 없습니다.

소스코드에서 민감한 정보는 *** 으로 표시했습니다.

source

import React, { useEffect } from 'react';
import IMP from 'iamport-react-native';
import { View, Text, StyleSheet } from 'react-native';

export function Certification({ navigation }) {
  const data = {
    merchant_uid: `mid_${new Date().getTime()}`,
    company: '*****',
    carrier: 'LG',
    name: '***',
    phone: '010********',
    m_redirect_url :"https://*****.cafe24.com/certification/redirect.php"
  };

  console.log("data",data);  
  return (
    <IMP.Certification
      userCode={'******'}  // 가맹점 식별코드
      loading={<Loading />} // 로딩 컴포넌트
      data={data}                   // 본인인증 데이터
      callback={callback}      // 본인인증 종료 후 콜백
    />
  );
}
export default Certification;

function Loading() {
  const { container } = styles;
  return (
    <View style={container}>
      <Text>잠시만 기다려주세요...</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    ...StyleSheet.absoluteFillObject,
  },
});

error code

{"canGoBack": true, "canGoForward": false, "code": -1, "description": "net::ERR_UNSAFE_REDIRECT", "loading": false, "target": 473, "title": "https://kssa.inicis.com/result", "url": "about://blank?imp_uid=imp_703510990245&success=true"}

package

"dependencies": {
    ...
    "iamport-react-native": "^2.0.0-rc.1",
    "react-native-webview": "11.13.0"
}
anymate98 commented 2 years ago

안녕하세요, 아임포트 기술지원팀입니다. 현재 통합인증에서 m_redirect_url이 작동하지 않아 값을 넣어도 결제시 반영이 안되는 것이 원인입니다. 리다이렉션 방식에 문제를 발견했고 현재 해결중이므로 완료되면 알려드리겠니다. 조금만 기다려주시기를 부탁드리겠습니다.

anymate98 commented 2 years ago

문제 해결 후 배포했으므로 정상적으로 이용 가능하십니다.

SeoSeongJin commented 2 years ago

같은 증상의 오류입니다.

[React native] 통합인증 에러 (ERR_UNSAFE_REDIRECT)

"iamport-react-native": "^2.0.0-rc.1",

Encountered an error loading page {"canGoBack": true, "canGoForward": false, "code": -1, "description": "net::ERR_UNSAFE_REDIRECT", "loading": false, "target": 280667, "title": "https://kssa.inicis.com/result", "url": "about://blank?imp_uid=imp_049065836421&success=true"}

혹시 해결이 안되었나요?

anymate98 commented 2 years ago

@SeoSeongJin 결제시 사용하신 파라미터 공유 부탁드리겠습니다.

anymate98 commented 2 years ago

현재 redirect mode에서 결제 종료가 인식되는 url은 IMPConst.M_REDIRECT_URL입니다. 현재로서는 해당 url을 m_redirect_url 파라미터에 넣으시면 정상적으로 이용 가능합니다. 추후 임의의 url로도 결제완료를 할 수 있도록 수정할 예정입니다.