Ubuntu18.04LTSにIonicMobileAppFramworkをインストールする方法

Ionicは、CSS、HTML5、SassなどのWebテクノロジーを使用してハイブリッドモバイルアプリを開発するために使用できるオープンソースフレームワークです。 Ionicは、簡単なコマンドでプロジェクトを作成するために使用できる強力なコマンドラインインターフェイスを提供します。 Ionicは、アプリを開発するためにAndroid、IOS、およびユニバーサルWindowsプラットフォームをサポートしています。 IonicはCardovaプラグインを使用して、カメラ、GPS、懐中電灯にアクセスします。

このチュートリアルでは、Ubuntu 18.04（Bionic Beaver）にIonicフレームワークをインストールする方法を学習します。

要件

システムに対してUbuntu18.04を実行しているサーバー。
sudo権限を持つroot以外のユーザー。

Node.jsとCordovaをインストールします

まず、Node.jsをシステムにインストールする必要があります。デフォルトでは、Node.jsの最新バージョンはUbuntu18.04デフォルトリポジトリでは利用できません。そのため、node.jsのPPAをシステムに追加する必要があります。

次のコマンドを使用して、Node.jsPPAを追加できます。

 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

次に、Cordovaをシステムにインストールする必要があります。次のコマンドでインストールできます：

 sudo npm install -g cordova

IonicFrameworkをインストールする

Ionicには、Ionicアプリを起動、ビルド、パッケージ化するための便利なコマンドラインユーティリティが付属しています。次のコマンドを実行するだけでインストールできます：

 sudo npm install -g ionic

Ionicをインストールしたら、次のコマンドを使用してIonicのバージョンを確認できます。

 ionic -v

出力：

 3.20.0

Ionicでプロジェクトを作成

次に、アプリのコード用にコンピューターのどこかに新しいCordovaプロジェクトを作成する必要があります。これは次のコマンドで実行できます。

 ionic start HelloWorld blank

上記のコマンドは、HelloWorldディレクトリを作成します。

次に、ディレクトリをHelloWorldに変更し、内容を一覧表示します。

cd HelloWorld /
ls -l </ pre>

次の出力が表示されます。

 total 260-rw-r--r-- 1 3434 3434 92 Jun 9 15:43 ionic.config.jsondrwxr-xr-x 536 root root 20480 Jun 9 15:46 node_modules-rw-r--r- --1 3434 3434 1135 Jun 9 15:43 package.json-rw-r--r-- 1 root root 224175 Jun 9 15:46 package-lock.jsondrwxr-xr-x 6 3434 3434 4096 Jun 9 15:43 src -rw-r--r-- 1 3434 3434 519 May 30 23:39 tsconfig.json-rw-r--r-- 1 3434 3434 178 May 30 23:39 tslint.json

次に、Androidプラットフォームを有効にし、次のコマンドを使用してAndroid用のプロジェクトをビルドします。

 ionic platform add android 
 ionic cordova build android 
 ionic cordova emulate android

それでおしまい！これで、アプリを簡単に作成できます。