Cordova 테스트 (feat. ngrok)

• 현재 Local 프로그램에서 정해준 localhost에서 테스트를 진행하는 상황.
• localhost를 외부에서 접근가능하게 하는 방법이 필요
• ngrok은 방화벽을 넘어 외부에서 로컬에 접속하게 하는 터널 프로그램이다

---

ngrok 설치

현재 Ubuntu 18.04.5 LTS에서 진행

sudo snap install ngrok

1. ngrok이 깔렸으면 현재 내 localhost port를 확인해본다. 예) localhost:10029
2. ngrok http 10029를 입력하면 아래와 같이 뜬다. Forwarding 부분을 보면 새로 생성된 도메인이 내 localhost:10029를 가리키고 있다
   

   주의! ngrok은 계속 실행중인 상태이다. ctrl + c로 종료하면 연결이 끊어진다. 아직 백그라운드에서 돌아가게하는 방법은 찾지 못했다. 다른 명령어 칠땐 그냥 새 터미널에서 진행하도록 하자.

3. 저 주소를 inappbrowser에 넣어준다
   
4. sudo cordova emulate로 실행해본다

---

ISSUE #1

WebService not available에러가 뜨면서 접근을 못한다면, LOCAL 프로그램에서 보안문제로 막아놓았을 가능성이 크다.

해결법

1. 지금 테스트중인 소스코드 파일 중 wp-config로 들어가서 아래 두줄을 넣어준다

define('WP_SITEURL', 'http://' . $_SERVER['HTTP_HOST']);
define('WP_HOME', 'http://' . $_SERVER['HTTP_HOST']);

2. https://wordpress.org/plugins/relative-url 이 플러그인을 설치해준 후 활성화시켜준다
3. 다시 sudo cordova emulate로 실행하면 원하는 화면이 표출될 것이다.

   참고자료 : https://github.com/inconshreveable/ngrok/issues/315

ISSUE #2

에뮬레이터에서 클릭하다가 다음과 같은 화면이 뜬다면 잠시 기다린 후 재시도해보자.
현재 ngrok은 커넥션 수의 제한이 있어서 리소스를 불러오는데 버벅일 수 있다. 워드프레스는 많은 양의 image, stylesheet, scripts가 있기때문에 발생되는 문제이다.

참고자료 : https://stackoverflow.com/questions/40939587/ngrok-err-ngrok-702-too-many-connections