ヤマムギ

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

  関連記事

「AWS認定試験対策 AWS クラウドプラクティショナー」の出版が確定したのでAmazon著者セントラルに登録した

初の執筆本、「AWS認定試験対策 AWS クラウドプラクティショナー」の出版が確 …

Amzon Linux のApacheでRedmineとWordPressをバーチャルホストで共存する

EC2とRDSを節約しようと思いまして、Redmineを動かしてるとこに検証用W …

EC2のAMIとRDSのスナップショットを他のAWSアカウントに共有してブログサイトをAWSアカウント間で引っ越す

当ブログで使用しているEC2とRDSを環境の整理のため、他のAWSアカウントへ引 …

kintoneで設定したスケジュールにあわせてlambda(python)からSQSへメッセージを送る

EC2の起動停止をそろそろ手動でやるのも疲れてきそうなのと、やはり停止するのを忘 …

Amazon LinuxのNginx+RDS MySQLにレンタルWebサーバーからWordPressを移設する(失敗、手戻りそのまま記載版)

勉強のためブログサイトを長らくお世話になったロリポップさんから、AWSに移設する …

NATインスタンスを作成する

プライベートサブネットのEC2インスタンスからカスタムメトリクスとCloudWa …

AWS Lambda(Python)でDynamoDB テーブルを日次で削除/作成(オートスケーリング付き)

この記事はAWS #2 Advent Calendar 2018に参加した記事で …

WordPressをAmazon CloudFrontで配信してついでにACM(AWS Certificate Manager)を使って常時SSL化する

当サイトの500と502の発生状況がドイヒーであるとの苦情をいただきまして、Am …

AWS Lambda(Python3.7)でPandocを実行する際にCSSもLayerから読み込む

目次 Pandocで必要そうなオプションを確認しておく構成CSS on Lamb …

AWS EC2 Amazon Linux にEC-CUBE3をnginx+MySql環境へインストール(手順検証中)

目次 EC2インスタンスを作成する各パッケージのインストールEC-CUBEインス …