React Native Android - localhost 서버 연결

인수인계가 되지않은 상태에서 실제 서비스와 연동해서 테스트가 필요했다.

혼자서 많은 것을 해야 하는 상황에서 지속적으로 API를 확인하고 변경하고 맞추려고 해도 되지않았다.

우연히 서치중에 시도 했던 2가지 방법을 시도했고 연결에 성공했다.

 

1. network_security_config.xml 파일 생성

// res/xml/network_security_config.xml  파일생성
// test.com과 nabar.com이 http일 경우 예외처리로 허용
<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">test.com</domain>
        <domain includeSubdomains="true">nabar.com</domain>
    </domain-config>
</network-security-config>

 

// main/AndroidManifest.xml 에 위의 작성된 파일 삽입
<application
    ...
    android:networkSecurityConfig="@xml/network_security_config"
    ...>
</application>

2. 디바이스가 서버를 못잡는 경우를 위한 명령어 !!!!!(해당방법으로 해결)

$ adb devices
List of devices attached
디바이스명 device

$ adb -e reverse tcp:포트번호 tcp:포트번호

2-1. 우선 디바이스를 런한다. (npx react-native run-android)

2-2. 후에 adb -e  reverse tcp:포트 tcp:포트 를 입력 하면 입력한 포트가 나온다.

2-3. 다시 에뮬로 테스트해보면 연결된것을 확인 할 수 있다.

 

 

reference

1. 번 참고 블로그

https://velog.io/@jeong3320/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-http%ED%86%B5%EC%8B%A0-%ED%97%88%EC%9A%A9%EB%B0%A9%EB%B2%95

 

https://developer-doreen.tistory.com/90