ionic4でのandroidアプリ開発環境

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- ionic4でのandroidアプリ開発環境 [2018/10/06] – [Ionic4でのAndroidアプリ開発環境] adash333
+++ ionic4でのandroidアプリ開発環境 [2018/10/07] (現在) – 外部編集 127.0.0.1
@@ 行 44: / 行 44: @@
 https://beta.ionicframework.com/docs/publishing/play-store
+<code>
+ionic cordova build android --prod
+</code>
+===== Windows8.1でIonic4からCordova経由でAndroidアプリを作成する方法 =====
+（開発環境）
+<code>
+Windows 8.1 Pro
+NodeJS v8.12.0
+npm 6.4.1
+Ionic CLI 4.2.0
+</code>
+==== 1. Ionic4アプリの作成 ====
+<code>
+ionic start ionic4-cordova-sample blank --type=angular
+</code>
+cordova は、Y + Enter,  Proは　N  + Enter　とします。
+<code>
+cd ionic4-cordova-sample
+ionic serve
+</code>
+{{:pasted:20181006-191307.png}}
+Ctrl + C => y + Enter でサーバ停止します。
+==== 2. cordovaを用いたandroidアプリの作成 ====
+<code>
+ionic cordova prepare android
+ionic cordova build android --prod
+</code>
+app-debug.apkファイルが作成されるので、そのapkファイルをandroidスマホにインストールすることができます。
+===== Windows8.1でIonic4からCapacitor経由でAndroidアプリを作成する方法 =====
+（開発環境）
+<code>
+Windows 8.1 Pro
+NodeJS v8.12.0
+npm 6.4.1
+Ionic CLI 4.2.0
+</code>
+==== 1. Ionic4アプリの作成 ====
+<code>
+ionic start ionic4-capacitor-sample blank --type=angular
+</code>
+Integrate your new app with Cordova to target native iOS and Android? は No
+Install the free Ionic Pro SDK and connect your app? も No とします。
+<code>
+cd ionic4-capacitor-sample
+ionic serve
+</code>
+==== 2. @ionic-native3種をアンインストール ====
+<code>
+npm rm @ionic-native/core @ionic-native/splash-screen @ionic-native/status-bar
+</code>
+src/app/app.module.tsとsrc/app/app.component.tsの修正
+==== 3. Capacitorのインストール ====
+<code>
+ionic integrations enable capacitor
+ionic build
+ionic capacitor add android
+ionic capacitor copy android
+</code>
+==== 4. Capacitor経由でAndroidアプリの作成 ====
+以下を見ると、2018/10/7時点では、ionic cordova build android のようなコマンドは使えず、Android Studioからapkファイルを作成しないといけないらしい。。。
+(これは、Ionic4もCapacitorもbeta版だからなのか、それとも、IonicもCpacitorもPWAに対応しているから、そもそもAndroidアプリにするまでもなく、PWAとしてカメラなどを使っていくからなのか。。。)
+参考：https://capacitor.ionicframework.com/docs/basics/building-your-app/
+<code>
+npx cap open android
+</code>
+この後は、AndroidStudioでapkファイルを作成するらしいです。。。（途中）
+app-debug.apkファイルが作成されるので、そのapkファイルをandroidスマホにインストールすることができます。

ionic4でのandroidアプリ開発環境.1538819662.txt.gz · 最終更新: 2018/10/07 (外部編集)