17
17

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Amazon EC2でYeomanのAngular-fullstackアプリケーションを立ち上げる

Last updated at Posted at 2015-03-10

初期設定は、Amazon EC2でnode.js,Expressアプリケーションを立ち上げるインスタンスにnode.jsをセットアップ までを参考にしてください。
Angular-fullstackはポート8080番を使用するので、Security Group設定でポート8080番を開けておいてください。

スクリーンショット 2015-03-10 12.25.39.png

インスタンスにAngular-fullstackをセットアップ

sshで対象のインスタンスにログインし、下記コマンドを順番に実行していきます。

yeomanのインストール
$ sudo npm install -g yo

bowerのインストール
'$ sudo npm install -g bower'

gruntのインストール
$ sudo npm install -g grunt-cli

angular-fullstackのジェネレーターをインストール
$ sudo npm install -g generator-angular-fullstack

アプリケーションを作成

アプリケーションのフォルダを作成してフォルダに移動
$ mkdir myAngularApp && cd $_

yeomanを利用してアプリケーションを生成
$ yo angular-fullstack myAngularApp

何点か選択肢が表示されるので、選択してください。
今回はDBの設定をしていないのでMondoDBの利用はしないようにしてください。
それ以外の選択肢はお好みで。

sassを使用したい場合は下記コマンドを追加で実行してください。
$ sudo gem install sass

アプリケーションをビルド

gruntのbuildコマンドを実行して、アプリケーションをビルドします。
$ grunt build

ビルドが完了しdistフォルダが作成されるので対象フォルダに移動します。
'$ cd dist/server`

サーバーを起動

環境変数オプションを付けて起動します。
$ NODE_ENV=production node app.js

ブラウザから確認

http:[インスタンスのIPアドレス]:8080
上記webページにアクセスすると、アプリケーションのページが表示されます。

スクリーンショット 2015-03-10 13.41.43.png

17
17
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
17
17

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?