EC2にAngularJSアプリをデプロイした
EC2のAmazon Linuxにproduction環境用のAngularJSアプリをデプロイしました。
まとまったものが見つからなくて結構ググったのでまとめておきます。
nvm&nodeのインストール
nvmで最新版のnodeをインストール。
> curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.29.0/install.sh | bash
> nvm ls-remote
...
v8.4.0
> nvm install v8.4.0
> nvm use v8.4.0
AngularJSアプリのビルド
AngularJSアプリをビルド。
> cd /path/to/app
> npm run ng build --prod
Nginx
AngularJSではトップページ以外のURLに対応するHTMLファイルは存在しないので、デフォルトの設定だとトップページ以外のURLにアクセスした時に404になってしまう。
なので、トップページ以外でもindex.htmlを返すように設定してNginxを起動。
/etc/nginx/conf.d/app.conf
server {
listen 80;
server_name _;
resolver 8.8.8.8;
root /path/to/app/dist;
location / {
try_files $uri /index.html;
}
}
> sudo /etc/init.d/nginx start
あとはELBとつないだりして公開します。
Author And Source
この問題について(EC2にAngularJSアプリをデプロイした), 我々は、より多くの情報をここで見つけました https://qiita.com/haracane/items/5c092a141c15926d79fd著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .