ionic4でのandroidアプリ開発環境
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
ionic4でのandroidアプリ開発環境 [2018/10/06] – [2. cordovaを用いたandroidアプリの作成] adash333 | ionic4でのandroidアプリ開発環境 [2018/10/07] (現在) – 外部編集 127.0.0.1 | ||
---|---|---|---|
行 93: | 行 93: | ||
</ | </ | ||
- | ==== 2. cordovaを用いたandroidアプリの作成 ==== | + | ==== 1. Ionic4アプリの作成 ==== |
< | < | ||
- | ionic cordova prepare android | + | ionic start ionic4-capacitor-sample blank --type=angular |
- | ionic cordova build android | + | |
</ | </ | ||
+ | |||
+ | 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 | ||
+ | </ | ||
+ | |||
+ | ==== 2. @ionic-native3種をアンインストール ==== | ||
+ | |||
+ | < | ||
+ | npm rm @ionic-native/ | ||
+ | </ | ||
+ | |||
+ | src/ | ||
+ | |||
+ | ==== 3. Capacitorのインストール ==== | ||
+ | |||
+ | < | ||
+ | ionic integrations enable capacitor | ||
+ | ionic build | ||
+ | ionic capacitor add android | ||
+ | ionic capacitor copy android | ||
+ | </ | ||
+ | |||
+ | ==== 4. Capacitor経由でAndroidアプリの作成 ==== | ||
+ | |||
+ | 以下を見ると、2018/ | ||
+ | |||
+ | (これは、Ionic4もCapacitorもbeta版だからなのか、それとも、IonicもCpacitorもPWAに対応しているから、そもそもAndroidアプリにするまでもなく、PWAとしてカメラなどを使っていくからなのか。。。) | ||
+ | |||
+ | |||
+ | 参考:https:// | ||
+ | |||
+ | |||
+ | < | ||
+ | npx cap open android | ||
+ | </ | ||
+ | |||
+ | この後は、AndroidStudioでapkファイルを作成するらしいです。。。(途中) | ||
+ | |||
+ | |||
app-debug.apkファイルが作成されるので、そのapkファイルをandroidスマホにインストールすることができます。 | app-debug.apkファイルが作成されるので、そのapkファイルをandroidスマホにインストールすることができます。 | ||
ionic4でのandroidアプリ開発環境.txt · 最終更新: 2018/10/07 by 127.0.0.1