ヤマムギ

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 クラウドプラクティショナー」という本を書きました。

 - AWS ,

ad

ad

  関連記事

PyCharmにAWS Tool kitをインストールしてサンプルのLambda関数をデプロイして実行しました

この記事はJetBrainsIDE Advent Calendar 2018に参 …

「JAWS-UG Osaka 第22回勉強会 東西の中の人が語る!!! Microservices × Serverless On AWS」で運営と懇親会LTをしてきました

「JAWS-UG Osaka 第22回勉強会 東西の中の人が語る!!! Micr …

T2.microからT3.nanoに変更(メモリエラーも対応)

このブログのEC2インスタンスをT2.micro 1インスタンスからT3.nan …

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

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

re:Invent 徒歩記(シアトルも)

このブログは、AWS re:invent 2018 Advent Calenda …

テキストをAmazon PollyでMP3に変換してS3に格納(AWS Lambda Python)

Google Calendar Twilio ReminderのテキストをAma …

Amazon CloudSearchからAmazon Elasticsearch Serviceへ変えました

全文検索をする必要がありまして、本当はCloudSearchを使い続けたいのです …

AWS EC2 Amazon Linuxにmauticをインストールする(Sendgrid, Nginx, MySQL on RDS)

mauticをAmazon LinuxとNginx,MySQL on RDSにイ …

AWS 認定クラウドプラクティショナーのサンプル問題

AWS認定クラウドプラクティショナのサンプル問題2018年9月25日現在で、英語 …

Backlogの実績工数をAmazon QuickSightでの可視化 – 仕組み編

Backlogの実績工数をAmazon QuickSightで可視化してわかった …