S3+CloudFrontとの連携[2]
アプリケーションのビルド
S3にアップロードするAngularのSPA(シングルページアプリケーション)のビルドを行います。
本記事に添付しているサンプルプロジェクトのforum
はAngular CLIを用いて用意したアプリケーションです。
コマンドラインでforum
ディレクトリまで移動し、以下のコマンドを入力します。
$ npm install $ npm run build
forum
の下にdist
ディレクトリが生成され、ビルドされたファイルが出力されます。
S3へのアップロード
ビルドされたAngularアプリケーションをS3へアップロードします。
一覧に表示される、先ほど作成したバケット名をクリックします。
[アップロード]をクリックします。
[1]ファイルの選択
[ファイルを追加]をクリックします。
dist
ディレクトリのファイルを全て選択します。
[2]アップロードの実行
デフォルトの設定を利用するので、そのまま[アップロード]をクリックします。
[3]アップロードされたファイルの確認
12個のファイルがアップロードされたことを確認します。