u-ryo's blog

various information for coding...

Category: PhoneGap

Developing and Building Cordova App

| Comments

all cloud環境で、hybrid applicationsを開発する方法がわかりました。

  1. Cloud9で作る
  2. GitHubに置く
  3. PhoneGap Builderでbuild

Cloud9

templateは何を選んでもnode.jsが付いてくるみたいです。 Developing Ionic (Cordova) apps in the cloud with Cloud9 に従って、以下project nameを「firstproject」とします。

1
2
3
$ npm -g install cordova ionic
$ ionic start firstproject
$ cd firstproject

これで準備が出来ます。 official documentにもありますが、 $ ionic start firstproject sidemenuとすれば、 tabではなくsidemenu型のprototypeが用意されるようです。

GitHub

buildには、上述のように、PhoneGap Builderを使います。 そのためには、一度GitHubにpushせねばなりません。

まずGitHubに行って、repositoryを作ります。 その上で、

1
2
3
4
5
$ git init
$ git add .
$ git commit -m "Initial commit"
$ git remote add origin https://github.com/u-ryo/firstproject.git
$ git push -u origin master

PhoneGap Builder

そうしておいてから、 PhoneGap Builder(passwordは英小文字大文字8文字以上)に行って、 buildして、端末にはQR codeで読み込ませれば、 install、実行が出来ます。

はぁ〜、イマドキのアプリって、こういう風に作れちゃうんですねー。