nodejs
가 설치된 상태에서 시작합니다. 4.x 버전으로 설치합니다.
npm install -g cordova ionic@beta
ionic2 를 사용하기 위해서 ionic@beta
로 설치 합니다.
ionic start sitemoa sidemenu --v2
ionic plugin add cordova-plugin-admobpro
ionic plugin add cordova-plugin-inappbrowser
ionic plugin add cordova-plugin-whitelist
Ionic 2 | Making REST HTTP Requests Like a Pro
index.html에 메타 정보를 추가한다.
<meta http-equiv="Content-Security-Policy" content="img-src * data:; default-src *; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *">
img-src * data:;
를 추가함. 출처
ionic serve
ionic build android
플랫폼이 추가 되어 있지 않은 경우, 플랫폼 추가 질문이 나옵니다. 아래 명령어를 통해 설치도 가능합니다.
ionic platform add android
ios
의 경우 android
자리에 대신 적으면 됩니다.
declare var jsSHA: any; @Component({ selector: "my-app", templateUrl: "app/app.html", directives: [] }) class App {}
중요한 것은 declare var 를 @Component 위에 선언하는 것이었다.
TypeScript error: C:/3.Dev/ionic/food-map/app/providers/firebase/firebase.ts(15, 26): Error TS2345: Argument of type 'string' is not assignable to parameter of t ype 'Http'.
ionic2 기본 샘플이 typescript 로 변경되었다.
새로운 프로젝트 생성.
진행이 안된다…. 네트워크 문제를 의심하고, 올가(프록시 프로그램)를 실행한다.
http://ngcordova.com/docs/plugins/inAppBrowser/
설정화면, 메뉴가 많이 있다면 초기 화면을 선택하는 설정 필요.
현재는 국내구매, 해외구매 두개이므로, 탭으로 변경할까 고민함.
탭을 하면 화면 두줄을 차지하기 때문에, 사이드 메뉴로 유지함.
이곳을 보고 해결시도.
config.xml
파일에 <preference name="loadUrlTimeoutValue" value="700000" />
를 추가한다.
<ion-item-sliding>
태그 안에 <ion-item-option>
태그를 넣는다.
White Screen of Death Ionic 2 - Andorid 6
Hi, I solved with cd ionic project folder ionic platform add android ionic plugin add cordova-plugin-crosswalk-webview Android version: 4.1.2