プラグイン追加に於けるエラーについて Cordova（PhoneGap）

今回は、Cordovaプラグイン追加の際に、発生するエラーについて、対処方法をまとめてみました。

■gitがインストールされていない、またはpathが通っていない時に発生するエラー
>cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git
Fetching plugin "https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git" via git clone
Error: "git" command line tool is not installed: make sure it is accessible on your PATH.

・対処方法
cordovaは、プラグインを追加する時に、gitを利用しています。
事前に、gitをインストールする必要があります。

1.以下のURLからダウンロードして、gitをインストールします。
http://git-scm.com/downloads

2.インストール先に対してpathを通します。
システムのプロパティから[詳細設定]-[環境変数]-[システム環境変数]の「path」に
「*****\Git\cmd;」を追加します。

3.プラグイン追加を再実行します。
>cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git
Fetching plugin "https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git" via git clone
Installing "org.apache.cordova.file" for android


■gitの依存関係が原因で発生するエラー
>cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git
Fetching plugin "https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git" via git clone
Error: Command failed: fatal: could not create work tree dir '*****\AppData\Local\Temp\plugman\git\1398234116751'.: No such file or directory

・対処方法
1.gitの作業ディレクトリを作成します。
mkdir *****\AppData\Local\Temp\plugman\git

2.プラグイン追加を再実行します。
>cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git
Fetching plugin "https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git" via git clone
Installing "org.apache.cordova.file" for android


■プロキシ環境で発生するエラー
[その1]
>cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git
Fetching plugin "https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git" via git clone
Error: Command failed: Cloning into '*****\AppData\Local\Temp\plugman\git\1398234984182'...
fatal: unable to access 'https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git/': Failed connect to git-wip-us.apache.org:443; No error

・対処方法
1.gitにプロキシの設定を追加します。
>git config --global http.proxy http://プロキシサーバのURL:ポート番号
>git config --global https.proxy https://プロキシサーバのURL:ポート番号

2.設定内容を確認します。
>git config --global --list
http.proxy=http://プロキシサーバのURL:ポート番号
https.proxy=https://プロキシサーバのURL:ポート番号

3.プラグイン追加を再実行します。
>cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git
Fetching plugin "https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git" via git clone
Installing "org.apache.cordova.file" for android

※Gitのプロキシ設定について
設定内容の確認
>git config --global --list

設定の追加
>git config --global http.proxy http://プロキシサーバのURL:ポート番号
>git config --global https.proxy https://プロキシサーバのURL:ポート番号

設定の削除
>git config --global --unset ***


[その2]
>cordova plugin add org.apache.cordova.file
Fetching plugin "org.apache.cordova.file" via plugin registry
Error: Failed to fetch package information for org.apache.cordova.file

・対処方法
1.以下の設定ファイルを編集します。
*****\AppData\Roaming\npm\node_modules\cordova\node_modules\plugman\src\registry\registry.js

以下のようにプロキシサーバーのURLを追加します。

var p = settings.proxy || http://プロキシサーバのURL:ポート番号
var sp = settings['https-proxy'] || p
opts.proxy = remote.protocol === "https:" ? sp : p

2.プラグイン追加を再実行します。
>cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git
Fetching plugin "https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git" via git clone
Installing "org.apache.cordova.file" for android

localStorage Cordova（PhoneGap）

localStorageとは、前回のsessionStorageと同様に、Cordovaフレームワークを用いた、HTML5ベースのアプリ開発で利用できる、もっとも簡単なストレージの一つです。
localStorageは、KeyとValueをペアとして、データにアクセスできるストレージです。
sessionStorageとは異なり、ウィンドウやタブを閉じても、データは保存されていて、同じオリジンであれば、ウィンドウ間でも共有されます。
また、データ容量は5MBであり、あまり大きいとは言えません。
この様なことから、localStorageは、データの永続化が必要であり、容量はさほど大きくならない、アプリの設定項目などを保存するストレージとして、利用するのが良いでしょう。

■データの保存
localStorageのsetItemメソッドを利用します。

以下は、「家入レオ」をKeyに、「サブリナ」をValueとして、データを保存しています。

var key = '家入レオ';
var data = 'サブリナ';
localStorage.setItem(key ,data);


以下は、JSONデータを保存する場合です。

var key = '家入レオ';
var obj = {
 Single1: 'サブリナ',
 Single2: 'Shine',
 Single3: '太陽の女神'
};
//object ⇒ string
var data = JSON.stringify(obj);
localStorage.setItem(key ,data);


■データの取得
localStorageのgetItemメソッドを利用します。

var data = localStorage.getItem(key);


以下は、JSONデータを取り出す場合です。

var data = localStorage.getItem(key);
//string ⇒ object
var obj = JSON.parse(data);


■データの削除
localStorageのremoveItemメソッドとclearメソッドを利用します。

localStorage.removeItem(key);


以下は、localStorageに保存されている全てのデータを削除する場合です。

localStorage.clear();

sessionStorage Cordova（PhoneGap）

sessionStorageとは、Cordovaフレームワークを用いた、HTML5ベースのアプリ開発で利用できる、もっとも簡単なストレージです。
sessionStorageは、KeyとValueをペアとして、データにアクセスできるストレージです。
データは、ウィンドウやタブを閉じるまで有効で、ウィンドウ間で共有はされません。
また、データ容量は5MBであり、あまり大きいとは言えません。
この様なことから、sessionStorageは、アプリのキャッシュのような、一時的なストレージとして、利用するのが良いでしょう。

■データの保存
sessionStorageのsetItemメソッドを利用します。

以下は、「家入レオ」をKeyに、「サブリナ」をValueとして、データを保存しています。

var key = '家入レオ';
var data = 'サブリナ';
sessionStorage.setItem(key ,data);


以下は、JSONデータを保存する場合です。

var key = '家入レオ';
var obj = {
Single1: 'サブリナ',
Single2: 'Shine',
Single3: '太陽の女神'
};
//object ⇒ string
var data = JSON.stringify(obj);
sessionStorage.setItem(key ,data);

■データの取得
sessionStorageのgetItemメソッドを利用します。

var data = sessionStorage.getItem(key);


以下は、JSONデータを取り出す場合です。

var data = sessionStorage.getItem(key);
//string ⇒ object
var obj = JSON.parse(data);

■データの削除
sessionStorageのremoveItemメソッドとclearメソッドを利用します。

sessionStorage.removeItem(key);


以下は、sessionStorageに保存されている全てのデータを削除する場合です。

sessionStorage.clear();