Angular + Onsen UI 2 + PhoneGap Starter

Angular CLI と PhoneGap を使ったハイブリッドアプリのサンプルです。

フロントエンドのフレームワークは Angular と Onsen UI 2 を採用しています。

また、Angular CLI の ng serve コマンドを使った場合に 「Phonegap Developer」 アプリが利用できなくなる問題を解決するため、別途 Webpack による SCSS と TypeScript のトランスパイルを組み込んでいます。

必要なもの

• Node.js
• Angular CLI

使い方

リポジトリをクローン

$ git clone https://github.com/puku0x/ngx-onsenui-phonegap-starter.git

Angular CLI をインストール

$ npm install -g @angular/cli

依存パッケージをインストール

$ cd ngx-onsenui-phonegap-starter
$ npm install

ビルド & プレビュー

PhoneGap CLI を使う場合

$ npm start

ビルド後、ブラウザで http://localhost:3000 を開くとプレビューされます。

/src 内のファイルに変更を加えると自動的にリロードされます。

Angular CLI を使う場合

$ ng serve

ビルド後、ブラウザで http://localhost:4200 を開くとプレビューされます。

/src 内のファイルに変更を加えると自動的にリロードされます。

ビルド

Angular CLI のコマンドを用いてビルドしてください。

$ ng build --prod

ビルド結果は /www 内に出力されます。