毎回やり方を忘れるので書きました...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ファイルが作成されます
