ionic4でのandroidアプリ開発環境
差分
この文書の現在のバージョンと選択したバージョンの差分を表示します。
| 両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
|
ionic4でのandroidアプリ開発環境 [2018/10/06] adash333 [公式サイト] |
ionic4でのandroidアプリ開発環境 [2018/10/07] (現在) adash333 [Windows8.1でIonic4からCapacitor経由でAndroidアプリを作成する方法] |
||
|---|---|---|---|
| ライン 45: | ライン 45: | ||
| <code> | <code> | ||
| - | ionic cordova build android --prod --release | + | ionic cordova build android --prod |
| </code> | </code> | ||
| - | ===== Windows8.1でIonic4からAndroidアプリを作成する方法 ===== | + | ===== Windows8.1でIonic4からCordova経由でAndroidアプリを作成する方法 ===== |
| （開発環境） | （開発環境） | ||
| ライン 77: | ライン 77: | ||
| <code> | <code> | ||
| ionic cordova prepare android | ionic cordova prepare android | ||
| + | ionic cordova build android --prod | ||
| </code> | </code> | ||
| + | app-debug.apkファイルが作成されるので、そのapkファイルをandroidスマホにインストールすることができます。 | ||
| + | |||
| + | |||
| + | ===== Windows8.1でIonic4からCapacitor経由でAndroidアプリを作成する方法 ===== | ||
| + | |||
| + | 2018/10/7現在、筆者は実行できておりません。Ionic4とCapacitorがbeta版から正式リリースになるまで、個人的にはあまりお勧めしません。 | ||
| + | |||
| + | （開発環境） | ||
| + | <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アプリ開発環境.1538821649.txt.gz · 最終更新: 2018/10/07 (外部編集)
