如何在 react-native (0.54 + ) 中使用我自己的 OkHttp 客户端

Question

我的图像和许多其他功能位于我的后端 API（使用 java spark 框架编写）后面。这些服务仅支持 https，并且 API 通常执行附加功能（例如，它们不只是提供静态图像）。

在 React-native javascript 表单中，我这样做

const imageTest='https://10.0.1.10:4567/api/v1/get-image-simple/full-size/myImage.jpg/'


            <Image source={{uri : imageTest}} 
                   style={theme.cardImageStyle}
            />

这不起作用，因为我的服务器使用自签名证书 （并且还需要一些明确的标题）。

相同类型的图像 url 链接，在我的 android 主机中工作正常（我的应用程序是混合的，有些活动仅适用于 android，有些是 react native）。 我的 android 应用程序具有自定义 okhttp 客户端，具有所有必要的设置，可以通过 HTTPs 与我的 api 通信。

我找不到如何将我的 OkHTTP 客户端挂接到本机反应的示例/参考，以便一切都通过那里。 我看过各种错误报告，例如 this，但似乎找不到任何关于 react-native 版本中实际内容的文档。

我试过了，盲目地做

com.facebook.react.modules.network.OkHttpClientProvider.replaceOkHttpClient(
                    MyPersonalAppInstance.getApplicationComponent().okHttpClient());

但它似乎没有做任何事情；

Answer 1

我还没有机会对此进行测试，但根据[this issue][1] 上的讨论，以下应该可以在 0.54+ 中设置自定义 OkHttp 客户端。

创建 React Native 应用程序并在构造函数中设置自定义工厂，例如OkHttpClientProvider.setOkHttpClientFactory(new CustomNetworkModule());

自定义工厂的样子：

class CustomNetworkModule implements OkHttpClientFactory {
    public OkHttpClient createNewNetworkModuleClient() {
        return new OkHttpClient.Builder()
                        .cookieJar(new ReactCookieJarContainer())
                        .build();
    }
}

以上内容基于来自this commit的信息。