React Native HTTPS Api 调用在 IOS 中有效，但在 Android 中无效

所以基本上我所做的就是简单地对启用了 HTTPS 的 UAT 服务器进行简单的 Axios 调用。我已经在 IOS 中测试了整个应用程序 API 调用工作正常，但一旦我在 Android 中测试了相同的应用程序（在真正的 Android 设备上），Axios 调用就会失败并出现网络错误。 我已经在具有不同 wifi/网络连接的不同 Android 手机上测试了相同的问题，但仍然存在相同的问题。

经过研究，我发现这是由于 SSL 证书问题造成的。 所以我使用的是react-native-ssl-pinning 库。但在这方面我也面临着this https://github.com/MaxToyberman/react-native-ssl-pinning/issues/31 issue.

以前有人遇到过这个问题。我在这里错过了什么吗？

步骤1 ： 在目录 app > Java > com > (your_app_name) > CustomClientFactory.java 中创建一个 java 文件 ex: 'CustomClientFactory'

在该 java 文件中添加以下代码：

import com.facebook.react.modules.network.OkHttpClientFactory;
import com.facebook.react.modules.network.OkHttpClientFactory;
import com.facebook.react.modules.network.OkHttpClientProvider;
import com.facebook.react.modules.network.ReactCookieJarContainer;

import java.security.cert.CertificateException;
import java.util.ArrayList;

import java.util.List;

import java.util.concurrent.TimeUnit;


import javax.net.ssl.HostnameVerifier;
import javax.net.ssl.SSLContext;
import javax.net.ssl.SSLSession;
import javax.net.ssl.SSLSocketFactory;
import javax.net.ssl.TrustManager;
import javax.net.ssl.X509TrustManager;

import okhttp3.CipherSuite;
import okhttp3.ConnectionSpec;
import okhttp3.OkHttpClient;
import okhttp3.TlsVersion;

import static android.content.ContentValues.TAG;

public class CustomClientFactory implements OkHttpClientFactory {
private static final String TAG = "OkHttpClientFactory";
@Override
public OkHttpClient createNewNetworkModuleClient() {
    try {
        // Create a trust manager that does not validate certificate chains
        final TrustManager[] trustAllCerts = new TrustManager[]{
                new X509TrustManager() {
                    @Override
                    public void 
checkClientTrusted(java.security.cert.X509Certificate[] chain, String authType) throws 
CertificateException {
                    }

                    @Override
                    public void 
checkServerTrusted(java.security.cert.X509Certificate[] chain, String authType) throws 
CertificateException {
                    }

                    @Override
                    public java.security.cert.X509Certificate[] getAcceptedIssuers() {
                        return new java.security.cert.X509Certificate[]{};
                    }
                }
        };

        // Install the all-trusting trust manager
        final SSLContext sslContext = SSLContext.getInstance("SSL");
        sslContext.init(null, trustAllCerts, new java.security.SecureRandom());
        // Create an ssl socket factory with our all-trusting manager
        final SSLSocketFactory sslSocketFactory = sslContext.getSocketFactory();



        OkHttpClient.Builder builder = new OkHttpClient.Builder()
                .connectTimeout(0, TimeUnit.MILLISECONDS).readTimeout(0, TimeUnit.MILLISECONDS)
                .writeTimeout(0, TimeUnit.MILLISECONDS).cookieJar(new ReactCookieJarContainer());
        builder.sslSocketFactory(sslSocketFactory, (X509TrustManager) trustAllCerts[0]);
        builder.hostnameVerifier(new HostnameVerifier() {
            @Override
            public boolean verify(String hostname, SSLSession session) {
                return true;
            }
        });

        OkHttpClient okHttpClient = builder.build();
        return okHttpClient;
    } catch (Exception e) {
        Log.e(TAG, e.getMessage());
        throw new RuntimeException(e);
    }
}

}

并在 MainApplication.java 中添加以下内容：

 @Override
 public void onCreate() {
 super.onCreate();
 SoLoader.init(this, /* native exopackage */ false);  
 OkHttpClientProvider.setOkHttpClientFactory(new CustomClientFactory()); //add this 
 line.
 } 

从以下位置找到了上述解决方案：类似问题 https://stackoverflow.com/questions/36289125/react-native-fetch-from-https-server-with-self-signed-certificate

这对我来说效果很好。 据我了解，我们编写此文件来安装所有信任的信任管理器并要求应用程序允许“https”api