[ConoHa API] PhoneGapでスマホアプリ化する

PhoneGap (Cordova) をインストールする

以下のページを参考に、PhoneGap環境をインストールします。

ハイブリッドアプリ開発といえばこれ！PhoneGap/Cordova事始め

また、Android / iOSのビルドのためにはそれぞれの開発環境が必要です。これが大変な場合はクラウドの「PhoneGap Build」を使用すると便利だそうです。

環境作成

それではサクッとスマホアプリ化します。

まずはプロジェクトを作成します。

$ cordova create ConoHa_cordova_sample

次にプラットフォームの追加を行います。

$ cd ConoHa_cordova_sample/
$ cordova platform add android
$ cordova platform add ios

Androidの実機をつないで以下のコマンドを実行すると端末上でサンプルアプリが起動します。

$ cordova run android

iOSは以下のとおりです。

$ npm install -g ios-sim
$ cordova run ios

こんな感じの画面です。

作成したコードを入れる

プロジェクトディレクトリ/www/ に今まで作成したhtmlを入れるとそのままスマホアプリとなります。早速先日作ったservers04.htmlをindex.htmlに入れ替えてみましょう。

そして "cordova run android" もしくは　"cordova run ios"を実行すると。。。

なんにも手を加えずにブラウザ上と同じ動作が得られました！！

動作するコードはここにあります。

課題

スマホアプリ化して気づいたことが２点ほどあります。

1. リロードボタンがない
2. ユーザー名、パスワード等がハードコードされていて公開できない

ということで、今後はこの辺りを修正していきます。