[*PhoneGap*] PhoneGap概要・環境構築

はじめに

Apache Cordovaに引き続き、PhoneGapも一応環境構築してみます。
PhoneGapはAdobeの商標で、CordovaにAdobeさんが独自の機能をひっつけていたりするものらしいです。

環境構築

PhoneGapインストールとiOSでのシュミレート環境の構築。

環境
【OS】 OS X El Capitan

PhoneGapインストール

以下を実行してインストール。

$ sudo npm install -g phonegap

インストールされていることを確認。

$ phonegap -v
5.3.9

プロジェクトを作成

$ phonegap create helloworld

iOSでシュミレート

Cordovaではプラットフォームを追加したが、PhoneGapだと以下コマンドを実行するだけでシュミレーターが立ち上がる。
以下を実行したタイミングでプラットフォームが追加されている模様。

$ phonegap run ios

プロジェクトの構造

基本的な構造はCordovaと一緒だけど、PhoneGapで作ったプロジェクトではwww以下にres、specディレクトリができている。
specディレクトリ内にはJavaScriptのテストフレームワークであるJasmineが入っている。

hooks
platforms ･･･ プラっとフォームごとの設定など
 -- ios
 -- platforms.json
plugins ･･･ プラグイン
 -- cordova-plugin-whitelist
 -- fetch.json
 -- ios.json
www ･･･ アプリの画面やページなど
 -- css
 -- img
 -- js
 -- res
 -- spec
 -- icon.png
 -- index.html
 -- spec.html
config.xml

PhoneGap Buildでのビルド

PhoneGap Buildでアプリをビルドできる。

プロジェクトをZIPファイル化してアップロード。

ビルドできたらQRコードからアプリを端末にインストール可能。
ただしiOS版はApple Developerでデベロッパー登録をして証明書を出して設定する必要がある。
前にやったことがあるけど面倒だった覚えがある。

まとめ

Apache CordovaとPhoneGapの違いを明日調べようと思います。