ヤマムギ

growing hard days.

*

AWS CodeStarで静的webサイトのテンプレートプロジェクトを作成する

   

執筆環境の検討中です。
CodeCommitは使うつもりで、コミットしたときにEPUBへ変換してS3バケットから署名付きURLを生成するところまでを自動化したいと思います。

どうやって環境を構築するかを検討するために、まずAWS CodeStarを試してみました。
結果としてはAWS CodeStar、プロジェクトテンプレートからあっという間に環境ができるので、すごく便利でした。
やりたいことに対してちょうどいいプロジェクトテンプレートはありませんでしたので、今回は使いませんが、CodeStarすごく便利です。
試してみた記録を残しておきます。

AWS CodeStar作成

[プロジェクトを開始する]から始めました。

[サービスロールの作成]で[はい〜〜]を選択しました。
aws-codestar-service-roleというロールが作成され、AWS管理ポリシーのAWSCodeStarServiceRoleポリシーがアタッチされていました。

様々なプロジェクトテンプレートから選択できます。
今回はHTML静的ウェブサイトを選択しました。

レポジトリの選択です。
CodeCommitを選択しました。

詳細確認です。
実際にはCodeBuildも作成されていました。

アプリケーションのデプロイ先のEC2のインスタンスタイプ、VPC、サブネットの設定もできます。

デプロイ先EC2のキーペアを選択します。

CodeStarのユーザー登録が必要なようです。

コードの更新方法です。
今回はローカルのIDEを使用するので、コマンドラインツールを選択しました。

CodeStarプロジェクトができました。

CodeCommit, CodeBuild, CodeDeploy, CodePipelineが作成されていて、Pipelineが開始されていました。

デプロイが完了して、アプリケーションのURLにアクセスすると、

ちゃんとアクセスできました。

コードを更新してみる

CodeCommitからローカルにクローンして、コードを編集してコミット、プッシュしてみました。

ブラウザに表示されている文字を足してみました。

コミットしてプッシュすると、Pipelineが動きました。

デプロイ完了です。
簡単ですごく便利でした。

環境の削除

CodeStarでプロジェクトを削除すると、CodeCommit, CodeBuild, CodeDeploy, CodePipeline, EC2インスタンス, CloudFormationスタックが削除されました。


最後までお読みいただきましてありがとうございました!

「AWS認定資格試験テキスト&問題集 AWS認定ソリューションアーキテクト - プロフェッショナル 改訂第2版」という本を書きました。

「AWS認定資格試験テキスト AWS認定クラウドプラクティショナー 改訂第3版」という本を書きました。

「AWS認定資格試験テキスト AWS認定AIプラクティショナー」という本を書きました。

「AWS教科書 AWS認定デベロッパーアソシエイト テキスト&問題集 」という本を書きました。

「要点整理から攻略するAWS認定ソリューションアーキテクト-アソシエイト」という本を書きました。

「AWSではじめるLinux入門ガイド」という本を書きました。

 - AWS ,

  関連記事

AWS Lambda(Python)で生成した文字をAmazon Connectで音声を設定して発信する

Amazon Connectから発信する電話の音声を動的に設定します。 Lamb …

Lambdaでちょっとしたコードを試すときに便利なエディタのフルスクリーン機能

Lambda歴6年で、はじめて使いました。 この存在に気がついてなかったです。 …

AWS Well-Architected フレームワークによるクラウド ベスト プラクティスのセッションを聞いたので自アカウントの環境を確認してみる

AWS Summit Tokyo 2017で「AWS Well-Architec …

Cloud9環境を共有した際の環境認証

Cloud9を環境を構築したIAMユーザー以外に共有したとき、その環境から実行す …

IAMアクセス許可の境界でIAMロールの権限を制御する

IAMユーザー自身の権限はIAMポリシーで制御できますが、IAMユーザーにIAM …

EC2 Image BuilderでRocket.ChatのAMIを作って起動テンプレートを更新しました

EC2 Image Builderの練習をしようと思い、Rocket.Chatの …

AWS Storage Gatewayボリュームゲートウェイを作成してWindowsから使用

ボリュームゲートウェイの作成 Storage Gateway作成メニューからボリ …

Amazon Linux2のジャンボフレーム

ユーザーガイドのEC2 インスタンスのネットワークの最大送信単位 (MTU)を試 …

AWS Transit GatewayのVPN接続

上記のような構成で、オンプレミス側は東京リージョンのVPCでVyOSを起動して接 …

AWS Lambda(Python3)でSelenium + Chrome Headless + でwebスクレイピングする

インターネット上に公開されている情報をDynamoDBにつっこみたいだけなので、 …