ヤマムギ

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入門ガイド」という本を書きました。

 - AWS ,

ad

ad

  関連記事

AWS Step Functions まずはパラレルでLambdaを並列実行してみました

複数のlambdaの実行制御をLambdaでやってましたが、その部分をStep …

「X-Tech JAWS 【第2回】~9割のX-Techと1割の優しさで切り拓く未来~」に行ってきました

「X-Tech JAWS 【第2回】~9割のX-Techと1割の優しさで切り拓く …

EC2 Ubuntu DesktopにRDP

Ubuntu Desktopが必要になりましたので、こちらのAWS EC2でデス …

再会の日 ~re:Union 2018 Osaka by JAWS-UG~

8/5は大阪でre:Unionでした。 「再会」と名うったこのイベントは、6月に …

ALBのヘルスチェックでPHPとMySQL接続をチェック

当ブログで504エラーが発生して、オートスケーリングにより自動でインスタンスが置 …

AWSのサービス数を数えてみました(2020/5/23)

何をもってサービスという単位にするかというのはあるかもしれませんが、とりあえず情 …

DynamoDB IAMポリシーで特定属性だけを許可する

検証記録です。 対象テーブル 書籍のサンプルで作ったこちらです。 所属バンドの楽 …

php-fpm で Out of memoryが発生した際にメール通知する(AWS CloudWatch , Amazon SNS)

AWS CloudWatch LogsエージェントでAmazon EC2上のNg …

「re:CAP ~サーバーワークス re:Invent 2018 報告会~」でre:Invent2018について思われたことを聞かせていただいた

サーバーワークスさんのre:Invent re:CAPにおじゃましました。 re …

Rocket.ChatにAWS Lambda(Python)から投稿する

Rocket.ChatにAPIで投稿するテスト(Postman)をやってみて、使 …