Android SSL Pinning

App.js

@@ -7,7 +7,7 @@
  */
 
 import React, {useState} from 'react'
-import {StyleSheet, View, Text, Button} from 'react-native'
+import {StyleSheet, View, Text, Button, Platform} from 'react-native'
 
 const URL = 'https://busdue.com'
 
@@ -32,7 +32,7 @@ const App: () => React$Node = () => {
   return (
     <View style={styles.container}>
       <Text style={styles.title}>React Native SSL Pinning</Text>
-      <Text style={styles.title}>(iOS)</Text>
+      <Text style={styles.title}>({Platform.OS.toUpperCase()})</Text>
       <Text style={styles.header}>Certificate status:</Text>
       <Text
         style={[

android/app/src/main/java/com/blogreactnativesslpinning/MainApplication.java

@@ -7,6 +7,7 @@
 import com.facebook.react.ReactInstanceManager;
 import com.facebook.react.ReactNativeHost;
 import com.facebook.react.ReactPackage;
+import com.facebook.react.modules.network.OkHttpClientProvider;
 import com.facebook.soloader.SoLoader;
 import java.lang.reflect.InvocationTargetException;
 import java.util.List;
@@ -43,6 +44,9 @@ public ReactNativeHost getReactNativeHost() {
   @Override
   public void onCreate() {
     super.onCreate();
+    // Provide a client factory to React Native's OkHttpClientProvider and it will
+    // use it instead of the default one.
+    OkHttpClientProvider.setOkHttpClientFactory(new SSLPinnerFactory());
     SoLoader.init(this, /* native exopackage */ false);
     initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
   }

android/app/src/main/java/com/blogreactnativesslpinning/SSLPinnerFactory.java

@@ -0,0 +1,22 @@
+package com.blogreactnativesslpinning;
+
+import com.facebook.react.modules.network.OkHttpClientFactory;
+import com.facebook.react.modules.network.OkHttpClientProvider;
+
+import okhttp3.CertificatePinner;
+import okhttp3.OkHttpClient;
+
+public class SSLPinnerFactory implements OkHttpClientFactory {
+    private static String hostname = "busdue.com";
+
+    public OkHttpClient createNewNetworkModuleClient() {
+        CertificatePinner certificatePinner = new CertificatePinner.Builder()
+                .add(hostname, "sha256/dz0GbS1i4LnBsJwhRw3iuZmVcgqpn+AlxSBRxUbOz0k=")
+                .build();
+        // Get a OkHttpClient builder with all the React Native defaults
+        OkHttpClient.Builder clientBuilder = OkHttpClientProvider.createClientBuilder();
+        return clientBuilder
+                .certificatePinner(certificatePinner)
+                .build();
+    }
+}