Cordova for Mac

概要

環境構築から動作確認までの流れをまとめます。
また、構築中につまずいたところも合わせてまとめました。

前提

• 下記がインストール済みであること
  • node
  • Android Studio
  • Gradle
  • Java JDK

環境構築手順

Cordovaをインストールする

npmでインストールを行う

cmd

cd /your/develop/path/
npm install cordova

package.jsonのscriptにcordovaを追加する

package.json

"scripts": {
  "cordova": "cordova"
}

Cordovaプロジェクトの作成

create

npm run cordova create dir_name jp.co.domain project_name

• 引数についてまとめておきます

	説明
第1引数	ディレクトリ名
第2引数	ドメイン（逆引き）
第3引数	プロジェクト名

ビルドしたいplatformを追加する

Android

Android

npm run cordova platform add android

iOS

iOS

npm run cordova platform add iso

その他

other

npm run cordova platform add amazon-fireos
npm run cordova platform add blackberry10
npm run cordova platform add firefoxos

etc.

platformが追加されたことを確認する

npm run cordova platforms ls

installedに含まれていればOK

Installed platforms:
  android 7.0.0
Available platforms:
  browser ~5.0.1
  ios ~4.5.4
  osx ~4.0.1
  windows ~5.0.0
  www ^3.12.0

ビルドしてみよう

ビルドの前に

インストールされていないものがあるか確認しておく！

cmd

npm run cordova requirements

No android targets (SDKs) installed!などが、表示されたらインストールされていないので
足りないものをインストールしてください。

こんな感じのエラー

Java JDK: installed 1.8.0
Android SDK: installed true
Android target: not installed
No android targets (SDKs) installed!
Gradle: installed /usr/local/Cellar/gradle/4.6/bin/gradle
(node:89454) UnhandledPromiseRejectionWarning: CordovaError: Some of requirements check failed
  at ~
  at ~
  ...
(node:89454) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:89454) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

platformごとにbuildしてみる

Android

Android

npm run cordova build android

エミュレター上で動かす

Android

Android

npm run cordova emulate android

困った時のまとめ

platformを削除したい

Android

Android

npm run cordova platform rm android

iOS

iOS

npm run cordova platform rm iOS

Other

other

npm run cordova platform rm amazon-fireos
npm run cordova platform rm blackberry10
npm run cordova platform rm firefoxos

etc.

Android Emulatorが起動しない

No emulator specified, defaulting to Nexus_5_API_21_x86
Waiting for emulator to start...
emulator: ERROR: unknown skin name 'nexus_5' <- ここから動かない

このエラーに悩まされました。。。
これは、ADV Managerのemulatorが古いようなので
新しいemulatorをインストールしましょう！！

android studioを起動し、ADV Managerからemulatorを最新にしてください。