Cordovaで作成したプロジェクトをAndroidEmuで動かす。

環境作り

あらかじめ node.jsを入れておき、npmコマンドが使えるようにしておいてください。

PJ作成

https://cordova.apache.org/#getstarted
あたり参考に

npm install -g cordova
cordova create {AppName}
# 初めて実行すると
# May Cordova anonymously report usage statistics to improve the tool over time?
# などと聞かれるがY/nどちらでも良い。

cd {AppName}
cordova platform add browser
cordova run browser

とすると、localhostで確認可

android

あらかじめ AndroidStudioを入れておき次の設定をしてください。

Tools > SDK Manager > AndroidSDK > SDKTools > Hide Obsolute Packages のチェックを外す > Android SDK Tools(Obsolute)
をインストールしておく。

Gradleをインストールしておきます。
ここでは HomeBrewでインストールします。

brew install gradle

環境変数

https://cordova.apache.org/docs/en/11.x/guide/platforms/android/index.html
あたり参考に
~/.zshrc に以下の行を追加

export ANDROID_SDK_ROOT=/Users/{YourName}/Library/Android/sdk/
export PATH=$PATH:$ANDROID_SDK_ROOT/platform-tools/
export PATH=$PATH:$ANDROID_SDK_ROOT/cmdline-tools/latest/bin/
export PATH=$PATH:$ANDROID_SDK_ROOT/emulator/
export PATH=$PATH:$ANDROID_SDK_ROOT/build-tools/

環境変数反映

source ~/.zshrc

ビルド

cd {AppName}
cordova platform add android
cordova build android

次のようなエラーが出たら

> Task :app:packageDebug FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:packageDebug'.
> A failure occurred while executing com.android.build.gradle.tasks.PackageAndroidArtifact$IncrementalSplitterRunnable
   > com.android.ide.common.signing.KeytoolException: Failed to read key AndroidDebugKey from store "/Users/naito/.android/debug.keystore": Invalid keystore format

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

どうもデバッグ実行用のkeyの様子がおかしいとのことなので
~/.android/debug.keystore
をいったん削除する。

rm ~/.android/debug.keystore

実行

cordva run android

エミュレータが起動しアプリが動けばOK

iOS版は要件があれば追記。