Apache Cordova（旧称PhoneGap）は、CSS3、HTML5、およびJavaScriptを使用してモバイルデバイス用のアプリケーションを構築するために使用できる、無料のオープンソースモバイル開発フレームワークです。 iOS、Android、Windowsなどのさまざまなモバイルプラットフォームで使用されるCordovaプラットフォームで、HTML、CSS、およびJavaScriptを使用してハイブリッドモバイルアプリケーションを構築できます。 Cordovaは、ネイティブアプリよりもハイブリッドアプリの開発が速いため、開発時間を節約できます。
このチュートリアルでは、Ubuntu 18.04 LTS（Bionic Beaver）にCordovaをインストールする方法を学習します。
- システムに対してUbuntu18.04を実行しているサーバー。
- sudo権限を持つroot以外のユーザー。
Node.jsをインストール
まず、最新バージョンのNode.jsをシステムにインストールする必要があります。デフォルトでは、最新バージョンのNode.jsはUbuntu18.04のデフォルトリポジトリでは利用できません。そのため、node.jsのPPAをシステムに追加する必要があります。
これは、次のコマンドで実行できます。
sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
リポジトリがインストールされたら、次のコマンドを使用してNode.jsをインストールします。
sudo apt-get install nodejs -y
次に、以下のようにnpmコマンドを使用してCordovaをインストールします。
sudo npm install -g cordova
出力：
/usr/bin/cordova -> /usr/lib/node_modules/cordova/bin/cordova + [email protected] updated 1 package in 15.829s
Cordovaをインストールしたら、次のコマンドを使用してバージョンを確認できます。
cordova --version
出力：
? May Cordova anonymously report usage statistics to improve the tool over time? Yes Thanks for opting into telemetry to help us improve cordova. 8.0.0
これでCordovaがインストールされました。次は、Cordovaを使用してアプリを作成します。
次のコマンドを実行して、TestAppという名前の最初のアプリを作成します。
cordova create TestApp
出力：
Creating a new cordova project.
次に、ディレクトリをTestAppに変更し、アプリケーションに必要なプラットフォームを追加します。
cd TestApp
cordova platform add android
次の出力が表示されます。
Using cordova-fetch for [email protected]~7.0.0
Adding android project...
Creating Cordova project for the Android platform:
Path: platforms/android
Package: io.cordova.hellocordova
Name: HelloCordova
Activity: MainActivity
Android target: android-26
Subproject Path: CordovaLib
Subproject Path: app
Android project created with [email protected]
Android Studio project detected
Android Studio project detected
Discovered plugin "cordova-plugin-whitelist" in config.xml. Adding it to the project
Installing "cordova-plugin-whitelist" for android
This plugin is only applicable for versions of cordova-android greater than 4.0. If you have a previous platform version, you do *not* need this plugin since the whitelist will be built in.
Adding cordova-plugin-whitelist to package.json
Saved plugin info for "cordova-plugin-whitelist" to config.xml
--save flag or autosave detected
Saving [email protected]~7.0.0 into config.xml file ...
次に、次のコマンドを実行して、Cordovaアプリケーションにインストールされているプラットフォームと使用可能なプラットフォームを一覧表示します。
cordova platform -ls
出力：
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
プラットフォームを削除する場合は、次のコマンドを実行するだけで削除できます。
cordova platform remove android
次に、ビルド環境のすべての要件を満たす必要があります。これを行うには、次のコマンドを実行します。
cordova requirements
必要なすべての依存関係が正常にインストールされたら、次のコマンドを実行してアプリケーションをビルドします。
cordova build android
- Apache Cordova