AWSサーバレスアーキテクチャでSPAを実装する（1）～SSLを経由してブラウザからLambda APIへアクセスするまでの下準備

サーバレスアーキテクチャによるアプリケーション開発実践入門 第2回

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個のファイルがアップロードされたことを確認します。