Ionic4でのAndroidアプリ開発環境

公式サイト

環境構築

Download JDK8 from the download page
install Gradle
Download Android Studio from the Android website.In the SDK Components Setup screen, finish installing the SDK.
Configuring Command Line Tools.For Windows, check the documentation on setting and persisting environment variables in terminal sessions.
Creating an Android Virtual Device
Set up an Android Device

apkファイルの作成

For Capacitor, run the following:

ionic capacitor add android
ionic capacitor copy android

For Cordova, run the following:

ionic cordova prepare android
ionic cordova run android -l

ionic cordova build android --prod

（開発環境）

Windows 8.1 Pro
NodeJS v8.12.0
npm 6.4.1
Ionic CLI 4.2.0

ionic start ionic4-cordova-sample blank --type=angular

cordova は、Y + Enter, Proは　N + Enter　とします。

cd ionic4-cordova-sample
ionic serve

Ctrl + C ⇒ y + Enter でサーバ停止します。

ionic cordova prepare android
ionic cordova build android --prod

app-debug.apkファイルが作成されるので、そのapkファイルをandroidスマホにインストールすることができます。

（開発環境）

Windows 8.1 Pro
NodeJS v8.12.0
npm 6.4.1
Ionic CLI 4.2.0

ionic start ionic4-capacitor-sample blank --type=angular

Integrate your new app with Cordova to target native iOS and Android? は No

Install the free Ionic Pro SDK and connect your app? も No とします。

cd ionic4-capacitor-sample
ionic serve

npm rm @ionic-native/core @ionic-native/splash-screen @ionic-native/status-bar

src/app/app.module.tsとsrc/app/app.component.tsの修正

ionic integrations enable capacitor
ionic build
ionic capacitor add android
ionic capacitor copy android

以下を見ると、2018/10/7時点では、ionic cordova build android のようなコマンドは使えず、Android Studioからapkファイルを作成しないといけないらしい。。。

(これは、Ionic4もCapacitorもbeta版だからなのか、それとも、IonicもCpacitorもPWAに対応しているから、そもそもAndroidアプリにするまでもなく、PWAとしてカメラなどを使っていくからなのか。。。)

npx cap open android

この後は、AndroidStudioでapkファイルを作成するらしいです。。。（途中）

app-debug.apkファイルが作成されるので、そのapkファイルをandroidスマホにインストールすることができます。