毎回やり方を忘れるので書きました...PCはMacです。Ionic以外のハイブリットモバイルアプリフレームワークでも概ね同じ手順になると思います。
バージョン情報
今回ビルドするアプリでは、Angular(JavaScriptのWebフレームワーク)ベースの、ハイブリットモバイルアプリ用フレームワークである「Ionic」を使っています
Android端末: Nexus6(Android 7.1.1)
iOS端末: iPhone 8 plus(iOS: 11.1.2)
Android Studio: 3.1.1
ionic info コマンドの結果
cli packages: (/usr/local/lib/node_modules) @ionic/cli-utils : 1.19.2 ionic (Ionic CLI) : 3.20.0 global packages: cordova (Cordova CLI) : 8.0.0 local packages: @ionic/app-scripts : 3.1.8 Cordova Platforms : android 7.0.0 ios 4.5.4 Ionic Framework : ionic-angular 3.9.2 System: Android SDK Tools : 26.0.2 ios-deploy : 1.9.2 ios-sim : 6.1.2 Node : v8.1.4 npm : 5.6.0 OS : macOS High Sierra Xcode : Xcode 9.3 Build version 9E145 Environment Variables: ANDROID_HOME : /Users/user-name/Applications/android-sdk-macosx Misc: backend : pro
ビルド手順
プラットフォーム作成(Android/iOS共通)
node_modules
、platforms
、plugins
配下を全て削除するターミナルを開いて、プロジェクト直下に移動
$ npm i
コマンドでnpmライブラリをインストールする$ cordova platform add android
コマンドを実行して、プラットフォームとプラグインをインストール&作成$ cordova platform add ios
コマンドを実行して、プラットフォームとプラグインをインストール&作成
$ npm i $ cordova platform add android $ cordova platform add ios
Android
実機ビルド
Android端末でのビルド方法について
Android Studioを立ち上げる
メニューから「Inport project (Gradle, Eclipse ADT, etc.)」を選択する
ビルドしたいプロジェクトの
platforms/android
を選択する
上のポップアップが出たら「OK」を選択
Android端末をPCにつないで実行ボタンを選択
Android端末上でアプリが起動する
パッケージ化
apkファイルの作成方法について
Android Studioのメニューから [Build] -> [Build APK(s)] を選択
ビルドが完了すると、👆のポップアップが出るので、クリックすると、作成されたapkファイルがFinderで表示されます
iOS
実機ビルド
iOS端末でのビルド方法について
Xcodeで対象アプリのplatforms/ios
配下の.xcodeproj
ファイルを開く
Signingをした後、PCにiOS端末をつなぐ
接続したiOS端末を選択してから、実行ボタンをクリック
パッケージ化
ipaファイルの作成方法について
シミュレーターや実機ではなく、Generic iOS Device
を選択
Xcodeのメニューから[Product]->[Archive]を選択(Archiveが選択できない場合は、Generic iOS Device
が選択されているかをチェック)
Exportを選択した後、設定に応じて選択肢をクリックしていくと、ipaファイルが作成されます