54d51cc30a
Summary: Pull Request resolved: https://github.com/facebook/flipper/pull/388 Differential Revision: D14341908 Pulled By: passy fbshipit-source-id: dd5329c537311b37c4c39cf1dec4886f543a08d5
48 lines
1.4 KiB
Markdown
48 lines
1.4 KiB
Markdown
---
|
|
id: network-plugin
|
|
title: Network
|
|
---
|
|
|
|
Use the Network inspector to inspect outgoing network traffic our apps. You can easily browse all requests being made and their responses. The plugin also supports gzipped responses.
|
|
|
|
|
|
|
|
## Setup
|
|
|
|
To use the network plugin, you need to add the plugin to your Flipper client instance.
|
|
|
|
### Android
|
|
|
|
```java
|
|
import com.facebook.flipper.plugins.network.NetworkFlipperPlugin;
|
|
|
|
NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
|
|
client.addPlugin(networkFlipperPlugin);
|
|
```
|
|
|
|
#### OkHttp Integration
|
|
|
|
If you are using the popular OkHttp library, you can use the Interceptors system to automatically hook into your existing stack.
|
|
|
|
```java
|
|
import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor;
|
|
|
|
new OkHttpClient.Builder()
|
|
.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin))
|
|
.build();
|
|
```
|
|
|
|
As interceptors can modify the request and response, add the Flipper interceptor after all others to get an accurate view of the network traffic.
|
|
|
|
### iOS
|
|
|
|
```objective-c
|
|
#import <FlipperKitNetworkPlugin/FlipperKitNetworkPlugin.h>
|
|
|
|
[client addPlugin: [FlipperKitNetworkPlugin new]]
|
|
```
|
|
|
|
## Usage
|
|
|
|
All request sent from the device will be listed in the plugin. Click on a request to see details like headers and body. You can filter the table for domain, method or status by clicking on the corresponding value in the table.
|