React native ssl 인증서 관련 [AxiosError : Network Error] 오류

Question

React Native로 axios로 API 요청시 [AxiosError : Network Error] 발생하여,아래와 같이 SSL 인증을 무시하는 코드를 작성하여 , 정상적으로 API 요청이 되는 것을 확인하였습니다.android/src/main/java/com/{클래스명}/MainApplication.java... import com.facebook.react.modules.network.OkHttpClientProvider; // 클래스 추가 &#64;Override public void onCreate() { super.onCreate(); SoLoader.init(this, /* native exopackage */ false); OkHttpClientProvider.setOkHttpClientFactory(new IgnoreSSLFactory()); <--- 추가한 부분 if (!BuildConfig.REACT_NATIVE_UNSTABLE_USE_RUNTIME_SCHEDULER_ALWAYS) { ReactFeatureFlags.unstable_useRuntimeSchedulerAlways &#61; false; } android/src/main/java/com/{클래스명}/IgnoreSSLFactory.javamport 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 android.util.Log; 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 IgnoreSSLFactory implements OkHttpClientFactory { private static final String TAG &#61; &#34;IgnoreSSLFactory&#34;; &#64;Override public OkHttpClient createNewNetworkModuleClient() { try { final TrustManager[] trustAllCerts &#61; new TrustManager[]{ new X509TrustManager() { &#64;Override public void checkClientTrusted(java.security.cert.X509Certificate[] chain, String authType) throws CertificateException { } &#64;Override public void checkServerTrusted(java.security.cert.X509Certificate[] chain, String authType) throws CertificateException { } &#64;Override public java.security.cert.X509Certificate[] getAcceptedIssuers() { return new java.security.cert.X509Certificate[]{}; } } }; final SSLContext sslContext &#61; SSLContext.getInstance(&#34;SSL&#34;); sslContext.init(null, trustAllCerts, new java.security.SecureRandom()); final SSLSocketFactory sslSocketFactory &#61; sslContext.getSocketFactory(); OkHttpClient.Builder builder &#61; 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() { &#64;Override public boolean verify(String hostname, SSLSession session) { return true; } }); OkHttpClient okHttpClient &#61; builder.build(); return okHttpClient; } catch (Exception e) { Log.e(TAG, e.getMessage()); throw new RuntimeException(e); } } }app 폴더에 keystore 파일을 넣고,src 폴더 build.gradle 파일에 인증 정보를 설정하였습니다.인증서 설정을 했음에도 불구하고 에러가 왜 발생하는지 모르겠습니다.signingConfigs { release { storeFile file('project1.keystore') storePassword 'password' keyAlias 'alias_project1' keyPassword 'password' } } buildTypes { debug { signingConfig signingConfigs.release } }[참조]https://velog.io/&#64;wony_yoon/React-Native-https-%ED%86%B5%EC%8B%A0-%EC%98%A4%EB%A5%98https://medium.com/&#64;jaedmuva/react-native-ssl-pinning-is-back-e317e6682642

카르단테 · Accepted Answer

참고 2번 링크 보시면 도메인 예외처리 하는 코드 있어요.해당 코드 적용해서 도메인 예외처리 하고 실행해 보세요. <- 해당 태그로 시작하는 내용이 도메인 예외처리 항목 설정이고요.manifest 파일에서 태그에 android:networkSecurityConfig="@xml/network_security_config" <- 해당 속성 추가하는 방식으로요.

맛없는..햇감자 · Answer

안녕하세요, Axios network error로 인해 구글링을 하다가 게시물을 보게 되어 댓글 작성합니다.몇가지 여쭈어봐도 될런지요.1. SSL 인증서를 무시하는 코드로 시도하셨으나 실패하시고 이후 SSL 인증서를 무시하는 코드는 삭제하신 건가요?2. network-security-config.xml에 사용하고자 하시는 API 경로는 전부 설정을 해주신 건가요?

React native ssl 인증서 관련 [AxiosError : Network Error] 오류

2개의 답변

Q&A 목록