SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

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

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

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

  • X ポスト
  • このエントリーをはてなブックマークに追加

S3+CloudFrontとの連携[2]

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

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

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

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

$ npm install
$ npm run build

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

S3へのアップロード

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

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

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

[1]ファイルの選択

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

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

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

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

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

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

次のページ
S3+CloudFrontとの連携[3]

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
サーバレスアーキテクチャによるアプリケーション開発実践入門連載記事一覧
この記事の著者

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

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

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

三宅 暁(ミヤケ アキラ)

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

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/10365 2017/10/11 14:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング