React Native - 안드로이드 애뮬레이터에서 localhost 접속(webview)

1. 웹뷰 이벤트 페이지로 넘어가야함.

2. 개발서버에서 iOS에서는 접속이 정상적으로되고, 안드로이드에서는 자꾸 ERR_CONNECTION_REFUSED 가 떴다.

3. 실서버는 정상 작동함.

4. 접속할 url 은 http://localhost:4200~~~~

 

시도 1.  localhost 부분을 10.0.2.2로 바꾸면 된다해서 replace시도해봤지만 여전히 접속안댐.

시도 3. localhost 부분을 내 ip로 바꿔서 접속 시도해봤지만 안댐.

시도 2. AndroidManifest에 useCleartextTraffic = true 를 추가해보라했지만 안댐.

// AndroidManifest.xml

  <application android:name=".MainApplication" 
  //...생략 
  android:allowBackup="true" 
  android:usesCleartextTraffic="true">

 // 어쩌구
 
 </application>

해결책

해당 포트가 아직 ADB에 전달되지 않았기 때문에 로컬 개발 서버에 액세스할 수 없는 경우였다. 그래서 해당 애뮬레이터 디바이스에 포트를 직접 연결시켜주기.

 

터미널 오픈 후, adb devices 를 입력하면 연결된 디바이스 목록이 뜬다. 디바이스 이름을 확인하고, 아래코드를 입력하면 접속이 아주 성공적으로 됨^_^

adb devices

adb -s 디바이스이름 reverse tcp:사용할포트 tcp:사용할포트

 

참고로 yarn android --deviceId=디바이스이름  으로 원하는 디바이스를 입력해 프로젝트를 실행할수있다.