Meta开源debug调试平台，专为iOS和安卓系统上的应用程序打造[亲测有效]

欢迎大家来到IT世界,在知识的湖畔探索吧!

Flipper是一个为iOS和Android上的移动应用程序debug调试的平台，最近甚至可以在浏览器或Node.js中debug调试JS应用程序。使用一个简单的桌面界面来可视化、检查和控制自己的应用程序，还可以通过插件API对Flipper进行扩展。

项目创建者为Meta（原Facebook），目前已收获了11.1k的Star。

项目地址：https://github.com/facebook/flipper#in-this-repo

Flipper旨在成为你在iOS和Android上开发移动应用程序的首要选择。因此，该项目提供了一系列有用的工具，包括一个日志查看器、交互式布局检查器和网络检查器。

作为一个平台，Flipper不仅提供了你所需的工具，还可以自己创建插件来可视化和debug调试移动应用程序中的数据。Flipper负责来回发送数据、调用函数以及监听移动应用程序上的事件。

Flipper库组件

该库包含了Flipper的所有组件，具体如下：

• 使用Electron构建Flipper桌面应用程序（/desktop）
• 面向iOS的本地Flipper SDK（/iOS）
• 面向Android的本地Flipper SDK（/android）
• React Native Flipper SDK（/react-native）
• JS Flipper SDK（/js）
• 插件：日志、布局检查器、网络检查器和Share Reference/NSUserDefaults检查器
• 网站和文档（/website / /docs）

配置要求

• node >= 8
• yarn >= 1.5
• iOS开发者工具（用于开发iOS插件）
• Android SDK和adb

从源代码构建

桌面

从源代码运行

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

欢迎大家来到IT世界,在知识的湖畔探索吧!

如果你使用的是Windows系统，需要使用Yarn 1.5.1。

构建独立应用程序

向yarn build提供–mac、 –win或–linux以及它们的任意组合，为给定平台构建解压缩zip文件。示例如下：

欢迎大家来到IT世界,在知识的湖畔探索吧!yarn build --mac --version $buildNumber

你可以在dist/文件夹中找到生成的伪影（artifact）。

iOS SDK+示例应用程序

cd iOS/Sample
rm -f Podfile.lock
pod install --repo-update
open Sample.xcworkspace
<Run app from xcode>

你可以省去–repo-update以加速安装过程，但有可能针对旧的依赖项进行构建。

Android SDK+示例应用程序

启动一个android模拟器，在项目根目录下运行以下代码。

欢迎大家来到IT世界,在知识的湖畔探索吧!./gradlew :sample:installDebug

React Native SDK+示例应用程序

cd react-native/ReactNativeFlipperExample
yarn
yarn android

需要注意，前两步只需完成一次。该应用程序还可以通过运行yarn ios在ios上启动。如果这是你首次运行，还需要从react-native/ReactNativeFlipperExample/ios文件夹中运行pod install –repo-update。

JS SDK+示例React应用

cd js/react-flipper-example
yarn
yarn start

开源协议：MIT license