ユーザ用ツール

サイト用ツール


ionic4でのandroidアプリ開発環境

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
ionic4でのandroidアプリ開発環境 [2018/10/06] – [公式サイト] adash333ionic4でのandroidアプリ開発環境 [2018/10/07] (現在) – 外部編集 127.0.0.1
行 48: 行 48:
 </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アプリを作成する方法 =====
 +
 +(開発環境)
 +<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アプリ開発環境.1538829843.txt.gz · 最終更新: 2018/10/07 (外部編集)

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki