ヤマムギ

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スタックが削除されました。


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

【PR】 「AWS認定試験対策 AWS クラウドプラクティショナー」という本を書きました。

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

【PR】 「ポケットスタディ AWS認定 デベロッパーアソシエイト」という本を書きました。

 - AWS ,

ad

ad

  関連記事

Amazon EC2のスクリーンショットとは

ドキュメント見てたらAmazon EC2でスクリーンショットって機能があったので …

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

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

API Gateway Lambdaプロキシ統合で渡されるリクエストを確認しました

API Gatewayの統合リクエストでLambdaを指定するときにプロキシ統合 …

特定AWSアカウント特定リージョンのSQSキューを削除するLambda(Python)

やりたいこと 特定アカウント内特定リージョン内のSQSキューを全部削除したいです …

AWS VPC ネットワークACLでHTTP(80)のみ許可する

ユーザーガイドのカスタムネットワーク ACLのうち、HTTP(80)を許可する設 …

Systems Manager パブリックパラメータCLIでAWSのサービス数を出力してみました(2020/5/26)

先日のAWSのサービス数を数えてみました(2020/5/23)を見られて、お師匠 …

クロスリージョンでEFSをマウントしてみる

ニーズがあるかどうかはさておき、クロスリージョンでのEFSファイルシステムをマウ …

Microsoft TeamsのIncoming Webhooksを使ってAWS Lambda(Python)からFeedlyの記事を自動投稿する

Microsoft Teamsの検証を始めましたので、Slackで自動化している …

JAWS FESTA 2017 Reverse X re:Birth

JAWS FESTA 2017 中四国 今年はブログタイトル「JAWS FEST …

Pepperで撮影した写真をAmazon Rekognitionで分析してその結果をPepperがしゃべる ~(1)AWS編~

Pepperの機能を使えるところは使って、何かしたいなあと思ってまして。 目(カ …