Cordovaのチュートリアルをやってみる


公式チュートリアル:http://ccoenraets.github.io/cordova-tutorial/index.html

Cordovaプロシェクトの作成

Node.jsの最新バージョンをインストール

Cordova CLIのインストール

[windows]
npm install -g cordova

すでにインストール済みの場合は最新バージョンにアップデート
npm update -g cordova

[mac]
sudo npm install -g cordova

すでにインストール済みの場合は最新バージョンにアップデート
sudo npm update -g cordova

プロジェクトを保存するディレクトリに移動し、workshopという名前のディレクトリにWorkshopというCordovaプロジェクトを作成。

cordova create workshop com.yourname.workshop Workshop

プロジェクトディレクトリに移動。

cd workshop

SDKのインストール
workshopディレクトリにて
[iOS]

cordova platforms add ios

[Android]
https://developer.android.com/studio からインストール後

cordova platforms add android

workshopディレクトリにて、基本的なプラグインを追加

cordova plugin add org.apache.cordova.device
cordova plugin add org.apache.cordova.console

上記は旧式らしくエラー出る。

cordova plugin add cordova-plugin-splashscreen
cordova plugin add https://github.com/apache/cordova-plugin-console.git#1.0.0

上記で対応可?
詳細は未調査なので後ほど探ります。

エラー対応の参考:https://qiita.com/konyavic/items/ca6bec224ddd6abeb0ac

ディレクトリ構成

wwwが、コーディングファイル保存場所

platformsは、iOS/Androidなど異なるプラットフォームのためのアプリケーションをビルドする場所。
いじらない。

プラグインはpluginsにインストールされる。

アプリケーションパラメータ(名前、作成者など)はconfig.xmlに保存される。