[Cordova] Visual studio - ripple 사용시 에러

Visual studio - ripple 사용시 에러

참조 URL

1. http://emulate.phonegap.com/
   
2. https://chrome.google.com/webstore/detail/ripple-emulator-beta/geelfhphabnejjhdalkjhgipohgpdnoc

 

 Visual Studio에서 크로스 플랫폼으로 앱을 개발할 수 있는 방법중에 Apache Cordova를 이용하여 iOS, Andriod, Windows Phone용 앱을 개발 할 수 있다. Visual studio에서 TypeScript를 선택하고 "Blank App (Apache Cordova)를 선택하여 프로젝트를 만들 수 있다.

[그림1] Blank app를 선택한 화면

 아래 그림과 같이 프로젝트가 생성을 하였다.

[그림2] 새로 만든 프로젝트

 이 상태에서 Ctrl + F5를 눌러 실행을 시켜 보면 아래와 같은 에러가 발생이 되면서 중단이 되어 확인할 수 없게 되어 있다.

에러 해결을 위해서는 레지스트리를 아래 그림과 같이 변경해줘야 한다.

HKEY_LOCAL_MACHINE\SOFTWARE\StartMenuInternet\Google Chrome의 키 값을 "Chrome"에서 "Google Chrome"로 변경"

[그림3] 레지스트리 변경

Tip! - Chrome 확장앱 설치

위와 같이 설정을 하였는데도 실행이 되지 않으면 크롬에서 아래의 주소를 통해 크롬 확장앱을 설치한다.

https://chrome.google.com/webstore/detail/ripple-emulator-beta/geelfhphabnejjhdalkjhgipohgpdnoc

 위와 같이 모두 준비가 되었다면 아래와 같은 화면을 확인할 수 있을것이다.

[그림4] 실행화면

 이제 Apache Cordova를 통해 하이브리드 앱을 개발할 수 있는 환경이 갖춰진 것이다.