Fbflipper

모바일 앱 디버깅

Fbflipper는 앱의 로그, 인터랙티브 레이아웃 검사기, 네트워크 검사기 등 다양한 개발 도구를 통합적으로 제공합니다. 이를 통해 개발자는 앱의 상태를 직관적으로 파악할 수 있습니다.

플랫폼 확장성

Fbflipper는 단순한 도구가 아닌 플랫폼으로서, 플러그인 API를 통해 사용자가 직접 모바일 앱의 데이터를 시각화하고 디버깅하는 기능을 추가로 개발할 수 있습니다.

지원 SDK

• iOS SDK: iOS 앱의 데이터를 Fbflipper로 전달하는 네이티브 SDK를 제공합니다.
• Android SDK: Android 앱과 연동하기 위한 네이티브 SDK를 제공합니다.
• React Native SDK: React Native 기반 앱의 디버깅을 지원합니다. (단, v0.239.0 이후 공식 지원은 제한될 수 있습니다.)
• JS SDK: 브라우저나 Node.js 환경에서 실행되는 JS 앱의 디버깅을 지원합니다.

이런 경우에 유용합니다

• iOS 또는 Android 네이티브 앱의 런타임 로그, UI 레이아웃, 네트워크 요청을 분석해야 할 때
• React Native 또는 순수 JavaScript로 개발된 모바일 앱의 동작을 디버깅할 때
• 기존 디버깅 도구로 해결되지 않는 특정 데이터를 시각화하기 위한 커스텀 플러그인을 개발할 때

지원 환경·시스템 요구사항

• 데스크톱 앱: macOS, Windows, Linux에서 소스 코드를 빌드하여 실행할 수 있습니다. 최신 버전은 브라우저 기반으로 동작합니다.
• 모바일 통신: iOS, Android 기기와의 연동을 위해 각 플랫폼별 SDK 및 개발 도구가 필요합니다.

최신 버전·업데이트

현재 배포되는 최신 버전은 v0.239.0입니다. 이 버전은 Electron 기반 마지막 릴리스로, 향후 릴리스는 독립형 애플리케이션 대신 브라우저 환경을 지원합니다.

제한 사항·확인 사항

• React Native 지원 제한: React Native 앱 디버깅은 v0.239.0 이후 기술적 한계로 인해 지원이 중단됩니다. Meta는 새롭고 전용적인 React Native 디버깅 도구를 개발 중입니다.
• React Native Windows (실험적 기능): React Native Windows 버전은 현재 실험적 단계이며, 기존 애플리케이션에 통합하려면 명시적인 프로젝트 참조가 필요합니다.
• Electron 배포 종료: v0.239.0 이후 Electron 아티팩트는 제공되지 않으며, 브라우저 기반 경험이 기본값이 됩니다.

기본 사용법

브라우저 기반 버전을 빠르게 실행하려면 npx flipper-server 명령어를 사용할 수 있습니다.

소스 코드에서 직접 실행하는 방법은 다음과 같습니다:

• git clone https://github.com/facebook/flipper.git
• cd flipper/desktop
• yarn
• yarn start