Question

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

经过研究，我发现这是由于 SSL 证书问题造成的。所以我正在使用 react-native-ssl-pinning 库。但在这方面我也面临着 this 问题。

以前有人遇到过这种情况。我在这里遗漏了什么吗？

Answer 1

第一步：创建一个 java 文件，例如：'CustomClientFactory' 目录 app > Java > com > (your_app_name) > CustomClientFactory.java

在该 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.
 }

从以下位置找到了上述解决方案： Similar issue

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

Answer 2

我认为这是因为您的 AndroidManifest.xml 中没有 Internet 权限。这 link 应该有帮助

React Native HTTPS Api 调用适用于 IOS，但不适用于 Android

2 个答案: