0
Help us understand the problem. What are the problem?

posted at

cordova+android SDKのコンテナ

Cordova, Node.js, Android sdkを含んだ開発環境をコンテナで作成してみました。
android-sdkも入っているので、androidの実機動作までできます。

動作環境準備

WSL2とDocker desktopをインストール(Windows環境です)
vscodeにRemote Developmentを入れおきます。

コンテナの起動

WSL2のシェルから次のコマンドを実行します

$ git clone https://github.com/masahiro-999/cordova-container
$ cd cordova-container
$ code .

VSCODEが開いたら、F1を押し、コマンドパレットで、Build and reopen in containerを実行

これでCordovaの開発環境が起動します。

サンプルアプリを実行してみる

以下は、Cordovaでサンプルアプリを実行する方法です。

プロジェクトの作成

$ cordova create hello-app
$ cd hello-app/

ブラウザーで動作させる

$ cordova platform add browser
$ cordova run browser

Android端末で動作させる

Android端末にUSB接続したadbで、adb tcpip 5555を実行しておく
Wifiで接続して、開発機と通信できる状態にする

$ cordova platform add android
$ adb connect 10.0.33.3:5555
$ cordova run android

10.0.33.3の部分はAndroid端末のWifi接続のIPアドレスに変更してください。

image.png

うまくいかない時の確認点

ContnerのBuild時に次のようなエラーがでてうまいかない事がありました。

image.png

WindowsのDocker DesktopのSettings>Docker Engineの
"buildkit": false に変更する
ことで解決しました

{
  "builder": {
    "gc": {
      "defaultKeepStorage": "20GB",
      "enabled": true
    }
  },
  "experimental": false,
  "features": {
    "buildkit": false
  }
}

参考

Register as a new user and use Qiita more conveniently

  1. You can follow users and tags
  2. you can stock useful information
  3. You can make editorial suggestions for articles
What you can do with signing up
0
Help us understand the problem. What are the problem?