Javascript

var appData = {
        "visible": true,
        "backColor": "#EEFFEE",
        "fontSize": 13,
        "defTextColor": "#DD0000",
        "selTextColor": "#AA0000",
        "autoHidden": true,
        "menu": [                                        
            {
                "text": "{메뉴명}",
                "defIcon": "{메뉴 아이콘 URL}",
                "selIcon": "{선택 메뉴 아이콘 URL}",
                "actionUrl": "{터치시 이동 URL}"
            },
            {
                "text": "헬스케어",
                "defIcon": "https://example.com/default.png",
                "selIcon": "https://example.com/selected.png",
                "actionUrl": "https://example.com"
            },
            {
                "text": "어바웃",
                "defIcon": "https://example.com/default.png",
                "selIcon": "https://example.com/selected.png",
                "actionUrl": "https://example.com"
            }
        ]
};

callAppBox (1020, appData);

{
  retCode : 1020,  
  result : success
}

Javascript

var appData = {
        "direction": "right",                // 필수
        "profileText": "안녕하세요.",           // 필수
        "backColor": "#FFFFFF",
        "fontSize": 12,
        "defTextColor": "#DD0000",
        "selTextColor": "#AA0000",
        "profileIcon": "{프로필 아이콘 URL}",
        "profileTexColor": "#AA0000",
        "profileFontSize": 14,
        "profileAction": "{프로필 이동 URL}",
        "menu": [
            {
                "text": "{메뉴명}",
                "defIcon": "{기본 아이콘 URL}",     // 비필수
                "selIcon": "{선택시 아이콘 URL}",    // 비필수
                "actionUrl": "{이동 할 URL}"
            },
            {
                "text": "헬스케어",
                "defIcon": "https://www.example.com/default.png",
                "selIcon": "https://www.example.com/selected.png",
                "actionUrl": "https://www.example.com"
            },
            {
                "text": "어바웃",
                "defIcon": "https://www.example.com/default.png",
                "selIcon": "https://www.example.com/selected.png",
                "actionUrl": "https://www.example.com"
            }
        ]
};

callAppBox (1021, appData);

{
  retCode : 1021,  
  result : success
}

Javascript

var appData = {
        "visible": true,
        "backColor": "#FFFFee",
        "autoHidden": true,                                  
        "menu": [
            {
                "function": "back",
                "icon": "{아이콘 URL}"    // 비필수
            },
            {
                "function": "forward",          
                "icon": "https://www.example.com/default.png"  // 비필수
            },
            {
                "function": "home",   
                "icon": "https://www.example.com/default.png"
            },
            {
                "function": "refresh",                
                "icon": "https://www.example.com/default.png"
            },
            {
                "function": "share",                
                "icon": "https://www.example.com/default.png"
            }
        ]
};

callAppBox (1022, appData);

{
  retCode : 1022,  
  result : success
}

Javascript

var appData = {
        "visible": true,
        "icon": "{플로팅 노출할 메인 아이콘 URL}",
        "menu": [
            {
                "icon": "{플로팅 노출할 서브 아이콘 URL}",
                "actionUrl": "{이동할 페이지 URL}"
            },
            {
                "icon": "https://www.example.com/default.png",
                "callFunc": "{호출할 javascript Function 명}"
            },
            {
                "icon": "https://www.example.com/default.png",
                "actionUrl": "https://www.example.com"
            }
        ]
};

callAppBox (1023, appData);

{
  retCode : 1023,  
  result : success 
}

Javascript

var appData = {
     "loadingIcon": "{페이지 로딩 gif 아이콘 URL}",
     "width": 12
};

callAppBox (1060, appData);

{
    retCode : 1060, 
    result : success 
}

Javascript

var appData = {
	  // 파라미터 없음
};

callAppBox (1070, appData);

{
    retCode : 1070, 
    result : success 
}

Javascript

var appData = {
        "openURL" : "{오픈 하고자 하는 URL}"
};

callAppBox (1210, appData);

{
    retCode : 1210, 
    result : success 
}

Javascript

var appData = {
      "type" : "DAY",
      "selColor" : "#0000ff"
};

callAppBox (1180, appData);

{
    retCode : 1180, 
    result : success,
    retVal : {
        fromDate : 2025-01-03,
        toDate : 2025-03-12
    }
}

Javascript

var appData = {
       "vibrationCount" : 3,
       "type" : "haptic"
};

callAppBox (1050, appData);

{
    retCode : 1050, 
    result : success 
}

Javascript

var appData = {
	  "haptic" : true
	  "infoMessage" : "QR에 비춰주세요."
};

callAppBox (1100, appData);

{
  retCode : 1100,  
  result : success, 
  retVal : "http://google.com"
}

Javascript

var appData = {
      "infoMessage" : "바코드를 스캔해 주세요.",
      "regex" : "/\d{3}-\d{4}-\d{4}/"        // 숫자만 스캔합니다.
};

callAppBox (1110, appData);

{
    retCode : 1110, 
    result : success, 
    retVal : “1234567890” 
}

Javascript

var appData = {
       "item" :[
            {
               "imageUrl" : "{소개 이미지 URL}"
            },
            {
              "imageUrl" : "https://www.example.com/intro1.png"
            },
            {
              "imageUrl" : "https://www.example.com/intro2.png"
            }
      ]
};

callAppBox (1165, appData);

{
    retCode : 1165, 
    result : success 
}

Javascript

var appData = {
       "title" : "{로컬 푸시 제목}",
       "message" : "{로컬 푸시 메시지로 띄워질 메시지 내용}",
       "targetUrl" : "{로컬 푸시 터치시 이동할 URL}"
};

callAppBox (1001, appData);

{
    retCode : 1001, 
    result : success 
}

Javascript

var appData = {
     "item" : [
           {
              "image" : "{이미지 URL}",
              "url" : "{터치시 이동 URL}",
              "browser" : true
           },
           {
              "image" : "https://www.example.com/pupup.png",
              "url" : "https://www.example.com",
              "browser" : true
            }
        ],
      "size" : {"height": 400, "width": 300},
      "centerPopup" : true
};

callAppBox (1160, appData);

{
    retCode : 1160, 
    result : until 
}

Javascript

var appData = {
    "item" : [
         {
             "imageUrl" : "{이미지 URL}"
         },
         {
             "imageUrl" : "https://www.example.com/image.png"
         }
     ]
};

callAppBox (1161, appData);

{
      retCode : 1161, 
      result : close 
}

Javascript

var appData = {
       "require": true,
       "message": "마켓에 새로운 버전이 있습니다. 앱을 업데이트하여 주세요.",
       "appStore": "{애플 앱스토어 앱 다운로드 URL}",
       "googlePlay": "{구글플레이 앱 다운로드 URL}",
       "updateButton": "업데이트 하기",             // 버튼명 (마켓이동)
       "cancelButton": "다음에",                  // 버튼명 (앱 진입)
       "updateAlert" : true                     // true : AppBox에서 업데이트 Alert을 띄움, false : 웹에서 띄우기위해 네이티브에 Alert을 띄우지 않음.
};

callAppBox (1010, appData);

{
  retCode:1010, 
  retStatus: success,
  retVal : updated | need
}

Javascript

var appData = {
      "delaySecond" : 3.5,
      "message" : "{토스트 메시지 내용}"
};

callAppBox (1040, appData);

Javascript

var appData = {
      "barcode" : "{바코드로 노출 할 숫자 또는 문자}"
};

callAppBox (1130, appData);

{
  retCode : 1130,  
  result : success
}

Javascript

var appData = {
       "qr" : "{QR로 노출될 String}"
};

callAppBox (1120, appData);

{
  retCode : 1120,  
  result : success  
}

Javascript

var appData = {
      "fromDate" : "20250101",
      "toDate" : "20250131"    
};

callAppBox (2000, appData);

{
    retCode : 2000, 
    result : success,
    retVal : 
        [
                { date : 20250101, step : 1210},
                { date : 20250102, step : 4290}, 
                { date : 20250103, step : 7391},   
                .....
        ] 
}

Javascript

var appData = {
      // 파라미터 없음
};

callAppBox (1190, appData);

{ 
  retCode : 1190, 
  result : success, 
  retVal : {
      lat : 35.4516133686,
      lng : 126.538897703
  } 
}

Javascript

var appData = {
       "url" : "https://www.example.com/link.jsp"     // 외부로 오픈 할 URL
};

callAppBox (1080, appData);

{
  retCode : 1080,  
  result : success 
}

Javascript

var appData = {
      "agree" : "Y"  // 푸시수신 동의 여부
};
callAppBox (1000, appData);

{
    retCode:1000, 
    result: success 
}

Javascript

var appData = {
        // 파라미터 없음
};

callAppBox (1200, appData);

{
    retCode : 1200, 
    result : success  
}

Javascript

var appData = {
        "message": "{공유할 메시지 내용 또는 URL}."
};

callAppBox (1030, appData);

{
  retCode : 1030,  
  result : success 
}

Javascript

var appData = {
       "android_scheme" : "{오픈 하고자하는 앱의 Android 스키마명}",
       "ios_scheme" : "{오픈 하고자하는 앱의 iOS 스키마명}",
       "googleplay_url" : "{구글플레이 앱 다운로드 URL}",
       "appstore_url" : "{애플 앱스토어 앱 다운로드 URL}"
};

callAppBox (1090, appData);

{
      retCode : 1090, 
      result : success
}

Javascript

var appData = {
      "target" : "https://www.example.com/api",          // API 호출 할 주소
      "json" : {json},
      "returnFunc" : "apiCallReturn"              // API를 호출해서 결과를 콜백 받을 함수명
};

callAppBox (2100, appData);

Javascript

var appData = {
       "target" : "01011112222",
       "message" : "문자 메시지 입니다."
};

callAppBox (1150, appData);

{
    retCode : 1150, 
    result : success 
}

Javascript

var appData = {
       "tel" : "01012345678"
};

callAppBox (1140, appData);

{
    retCode : 1140, 
    result : success 
}

Javascript

      
      // 국내 PG사 연동은 기본적으로 영구 제공됩니다.
      

Javascript

      
      // 영상 플레이 전체화면 보기 기능은 코드 연동 없이 동작합니다.
      

Javascript

      
      // 첨부파일 업로드를 위한 파일 선택 기능은 별도의 코드 연동 없이 기본적으로 기능 동작합니다.
      

Javascript

var appData = {
      // 파라미터 없음
};

callAppBox(1170, appData);

build.gradle

      
repositories {
    google()
    mavenCentral()
    maven {
        url = uri("https://jitpack.io")
        
        // SDK 접근 설정
        credentials {
            username = "jp_ku9piga59cvtv8rlos3utncvms"
        }
    }
}

build.gradle

dependencies {
    // implementation 선언
    implementation("com.github.MobilePartnersCo:AppBoxSDKPackage:all-v1.0.27")
}

Swift

      
// AppDelegate
import AppBoxSDK
import AppBoxPushSDK //AppBoxPushSDK 모듈 사용 시
import WebKit

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {

// AppBox WebConfig 설정
let appBoxWebConfig = AppBoxWebConfig()
let wkWebViewConfig = WKWebViewConfiguration()
if #available(iOS 14.0, *) {
   wkWebViewConfig.defaultWebpagePreferences.allowsContentJavaScript = true
} else {
   wkWebViewConfig.preferences.javaScriptEnabled = true
}
appBoxWebConfig.wKWebViewConfiguration = wkWebViewConfig

// AppBox 초기화
AppBox.shared.initSDK(
   baseUrl: "https://www.example.com",
   projectId: "프로젝트 ID"
   webConfig: appBoxWebConfig,
   debugMode: true
)

return true
}

func application(_ application: UIApplication, didRegisterForRemoteNotificationsWithDeviceToken deviceToken: Data) {
   // AppBoxPushSDK 모듈 사용 시
   AppBoxPush.shared.appBoxPushApnsToken(apnsToken: deviceToken)
}

Swift

// AppBox BaseUrl 설정
AppBox.shared.setBaseUrl(baseUrl: "https://example.com")


// AppBox Debug모드 설정
AppBox.shared.setDebug(debugMode: true)


// AppBox 인트로 설정
if let introItem1 = AppBoxIntroItems(imageUrl: "https://example.com/image.jpg") {
  let items = [introItem1]
  let intro = AppBoxIntro(indicatorDefColor: "#a7abab", indicatorSelColor: "#000000", fontColor: "#000000", item: items)
  AppBox.shared.setIntro(intro)
} else {
  print("Failed to initialize AppBoxIntro with empty URL.")
}


// AppBox 당겨서 새로고침 설정
AppBox.shared.setPullDownRefresh(
   used: true
)