Files
flipper/docs/setup/network-plugin.md
Pascal Hartig 23c4dcb1e6 Flipper Release: v0.29.4
Summary: Includes a preview of the JS-only plugin API. This is experimental and might break in future releases.

Reviewed By: mweststrate

Differential Revision: D18757712

fbshipit-source-id: a3c238ffbe3d5d80ca8e750cf5ef89b7a7436c62
2019-12-01 09:58:28 -08:00

1.7 KiB

id, title, sidebar_label
id title sidebar_label
network-plugin Network Setup Network

To use the network plugin, you need to add the plugin to your Flipper client instance.

Android

The network plugin is shipped as a separate Maven artifact:

dependencies {
  debugImplementation 'com.facebook.flipper:flipper-network-plugin:0.29.4'
}

Once added to your dependencies, you can instantiate the plugin and add it to the client:

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.

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

To enable network inspection, add the following pod to your Podfile:

pod 'FlipperKit/SKIOSNetworkPlugin', '~>' + flipperkit_version

Initialise the plugin in the following way:

#import <FlipperKitNetworkPlugin/FlipperKitNetworkPlugin.h>

[[FlipperClient sharedClient] addPlugin: [[FlipperKitNetworkPlugin alloc] initWithNetworkAdapter:[SKIOSNetworkAdapter new]]];

import FlipperKit

client?.add(FlipperKitNetworkPlugin(networkAdapter: SKIOSNetworkAdapter()))