앱케이크_appcake_하이브리드앱제작_Admin.png

iOS앱은 PG사마다 결제 웹소스에 앱의 스킴명이란것을 적용해주어야 합니다.

스킴명 적용방식은 각 PG사마다 다르며 이이 대한 적용가이드가 각PG사에 있습니다.

  1. 모바일앱 웹뷰에서의 외부 결제앱을 이용한 결제처리 과정(참고사항)
  1. 기존 결제호출 소스 수정 코드 가이드
//아래 setConfiguration 의 결제관련 설정정보 값을 수정합니다.
NCPPay.setConfiguration({
        'clientId': ncp.clientId, // shopby에서 발급받은 clientId
        **'confirmUrl': 'scheme://', // 결제 완료후 리턴받을 앱의 앱스킴명 (스킴명이 testapp 이라면 "testapp://" 이라고 지정, 앱이아닌 web은 웹URL을 입력하면 됨.)
        'platform': 'IOS', // 'AOS or IOS'(아래 ua값으로 구분하여 알아낼 수 있음, web은 PC or MOBILE_WEB 로 입력되도록 함.)**
        'accessToken': '6022983d-1342-478b-b292...' // 로그인한 유저의 accessToken
    });
//결제정보인 reservation data가 아래처럼 되어 있을겁니다.
{
  "orderSheetNo": "202007230001814989",
  "shippingAddress": {
    "addressNo": 0,
    "receiverZipCd": "12345",
    "receiverAddress": "경기도||성남시",
    "receiverJibunAddress": "분당구 대왕판교로645번길 14 NHN Ent. 플레이뮤지엄",
    .....
  },
  .....
**//아래를 적용합니다.**
  **"inAppYn": "Y",  //모바일앱(android,ios앱)인경우 Y로 적용,이외는 N
  "extraData": {
    "appUrl":"scheme://" //스킴명이 testapp 이라면 "testapp://" 이라고 지정
  }, //모바일앱(android,ios앱)이 아니면 "extraData": {} 로 값을 비움.**
  .....
}
//아래처럼 android앱인지, iOS앱인지 구분 가능함.
if(navigator.userAgent.toLowerCase().indexOf('androidapp') != -1){
    //android앱으로 실행된경우

}else if(navigator.userAgent.toLowerCase().indexOf('iosapp') != -1){
    //ios앱으로 실행된경우

} else {
    //웹으로 실행한경우
    
}

//참고)모바일앱인지 웹인지 구분 javascript
if(navigator.userAgent.toLowerCase().indexOf('mobileapp') != -1){
    //모바일앱으로 실행된 경우

} else {
    //웹으로 접속한 경우(모바일웹브라우져,pc웹브라우져)
    
}