CodeZine(コードジン)

特集ページ一覧

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

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

  • LINEで送る
  • このエントリーをはてなブックマークに追加
2017/10/11 14:00
目次

S3+CloudFrontとの連携[2]

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

 S3にアップロードするAngularのSPA(シングルページアプリケーション)のビルドを行います。

 本記事に添付しているサンプルプロジェクトforumAngular CLIを用いて用意したアプリケーションです。

 コマンドラインでforumディレクトリまで移動し、以下のコマンドを入力します。

$ npm install
$ npm run build

 forumの下にdistディレクトリが生成され、ビルドされたファイルが出力されます。

S3へのアップロード

 ビルドされたAngularアプリケーションをS3へアップロードします。

 一覧に表示される、先ほど作成したバケット名をクリックします。

 [アップロード]をクリックします。

[1]ファイルの選択

 [ファイルを追加]をクリックします。

 distディレクトリのファイルを全て選択します。

[2]アップロードの実行

 デフォルトの設定を利用するので、そのまま[アップロード]をクリックします。

[3]アップロードされたファイルの確認

 12個のファイルがアップロードされたことを確認します。


  • LINEで送る
  • このエントリーをはてなブックマークに追加

バックナンバー

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

著者プロフィール

  • 三宅 暁(ミヤケ アキラ)

    株式会社ウェルビー 開発部   フロントエンドを中心に、クラウドを用いた Web サービスのアーキテクチャ設計から継続的な開発の仕組み作りや実装まで行うプログラマ。 「目的を達成するためにより良い方法を」を念頭に、新しい考え方や技術を積極的...

  • 瀬筒 貴仁(セヅツ タカヒト)

     株式会社インキュビット R&D 統括マネージャー / みらい合同会社 代表社員  バージョン 1.0 から Ruby on Rails エンジニアとして活動する他、HTML/CSS/JavaScriptエンジニア、Webアプリケーション開発のUI/UX担当なども手がけています。現在はWE...

あなたにオススメ

All contents copyright © 2005-2021 Shoeisha Co., Ltd. All rights reserved. ver.1.5