본문으로 건너뛰기

디버깅 가이드 (Debugging)

하이브리드 앱 개발 시 웹과 네이티브 사이의 통신 과정을 디버깅하는 것은 중요합니다. Appify SDK는 이를 돕기 위한 디버그 모드를 제공합니다.

디버그 모드 활성화​

initialize 시 debug 옵션을 통해 활성화할 수 있습니다.

appify.initialize({
  debug: true // 기본값: false
});

상세 옵션​

  • true: 브라우저 콘솔에 로그를 출력합니다 ('console'과 동일).
  • 'console': console.log를 통해 브릿지 통신 내용을 기록합니다.
  • 'alert': alert() 창을 통해 통신 내용을 표시합니다 (실제 기기 테스트 시 유용).
  • 'both': 콘솔과 얼럿 모두 사용합니다.

로거 사용​

SDK 내부적으로 사용되는 로거를 직접 활용할 수도 있습니다.

// 디버그 메시지 직접 기록
appify.logger.debug('사용자 정의 디버그 메시지');

네트워크 디버깅​

브릿지를 통한 통신은 네트워크 요청이 아니므로 브라우저의 Network 탭에 나타나지 않습니다. 대신 SDK의 디버그 로그를 통해 요청(Request)과 응답(Response)의 페이로드를 확인할 수 있습니다.

로그 예시:

[AppifySDK] >> Call: storage.getItem { key: "user_id" }
[AppifySDK] << Result: storage.getItem { data: "12345" }