AWS上に継続的デリバリ環境を構築してみた 第1回:VPC作成~Apacheインストール

| 3 min read
Author: ryosuke-kono ryosuke-konoの画像

これは、豆蔵デベロッパーサイトアドベントカレンダー2022第19日目の記事です。

私は今入社2年目で、主にアプリケーション開発に携わってきました。
AWSやCI/CDについては、概要は知っていても自分ではほとんど触ったことのない分野でした。
しかし、その知識はアプリケーション開発をする上でも必要であると感じ、実際に簡単な継続的デリバリ環境を構築したので、構築した環境の構成と手順を紹介します。

継続的デリバリ環境は、開発したプログラムを利用環境へリリースする作業を自動化できます。
今回私はAWSのサービスやGitLabなどを使用し簡単な継続的デリバリ環境を構築しました。
作成した環境の構成図は以下の図の通りです。

パイプライン構成図

この環境は、HTMLを静的サイトジェネレーターでビルドしてデプロイすることを目的としています。
まず、開発者がGitLabにpushしたHTMLのソースをCodeCommitへミラーリングします。その変更がCodePipelineに検知されると、CodeDeployがCodeCommitからソースを取得し、Apacheサーバーへデプロイする、といった構成となっています。
第1回では、

  • 仮想ネットワークであるVPCの作成

  • Apache(Apache HTTP Server)用サーバーに使用するEC2インスタンスの作成

  • 作成したEC2にSSH接続しApacheインストール

の3つの手順を説明しています。

1.VPC作成

#

AWSのマネジメントコンソールからVPCのコンソールを開き、「VPCを作成」からVPCを作成できます。
今回の構築では、リージョンはアジアパシフィック(東京)を選択しました。
ここで選択したVPCの設定は以下の画像の通りです。

vpc設定1
vpc設定2

今回はシンプルな構成にするため、プライベートサブネットは0、NATゲートウェイ、VPCエンドポイントはなしとしています。
設定した構成は、右のプレビューに図として表示されているため、問題がないことを確認できたら「VPCを作成」を押下します。
VPCのコンソールから、作成したVPCの状態がAvailableとなっていれば作成完了です。

2.Apache用EC2作成

#

次に、デプロイ先となるApache用のEC2を作成しました。
AWSのマネジメントコンソールからEC2を選択し、「インスタンスを起動」を押下しEC2インスタンスを作成できます。
ここで私が選択した設定は以下の通りです。

ec2設定1

アプリケーションおよび OS イメージ (Amazon マシンイメージ)は、RedHatを使用しました。
今回の構築ではApache用サーバーに性能を必要としないため、インスタンスタイプはt2.microを選択しています。
これらの設定の中で重要なものが2つあります。

1つ目はキーペアです。「新しいキーペアの作成」を押下し、任意のキーペア名を入力します。
キーペアのタイプはRSA、プライベートキーファイル形式は.pemを使用しています。
必要項目を入力したら、「キーペアを作成」を押下します。プライベートキーファイルがダウンロードされます。
プライベートキーファイルは後の工程で使用するため、誤って削除しないよう注意が必要です。

キーペア設定

2つ目は、Network settingsです。1で作成したVPC内にEC2インスタンスを作成するため、先ほど作成したVPCを選択しています。
パブリック IP の自動割り当ても、デフォルトでは無効化になっているので有効化を択しています。

ec2設定2

また、HTTP接続用にセキュリティグループルールから80番ポートも開けています。

ec2設定3

ストレージは、動作を安定させるため30GBに変更しています。
他にも設定項目はありますが、簡易な環境を構築するため全てデフォルトとしています。
設定が終わり、確認ができたら「インスタンスを起動」を押下し、画面に「成功」と表示されたら、Apache用EC2作成は完了です。

3.Apacheインストール

#

次に、作成したApache用EC2にSSH接続し、Apacheインストールを行います。
まず、ターミナルからApache用EC2にSSH接続します。
今回の構築用にフォルダを作成し、先ほどダウンロードしたプライベートキーファイルを配置します。
ターミナルで該当ディレクトリに移動し、以下のコードを使ってSSH接続します。

ssh -i 公開鍵 ec2-user@IPアドレス

Apacheインストール1

公開鍵は.pemファイル、EC2コンソールから確認できるパブリック IPv4 DNSを使用しています。
RedHatではデフォルトユーザーがec2-userとなっています。接続確認でyesを入力し、上の画像の状態になればSSH接続完了です。

次に、以下のコマンドを使用してパッケージをアップデートしておきます。Complete!と表示されれば完了です。

sudo yum update -y

いよいよApacheのインストールです。以下のコマンドを使用してインストールを行います。こちらもComplete!と表示されれば完了です。

sudo yum install -y httpd

Apacheを以下のコマンドで起動します。エラーが発生しなければ、問題なく起動しています。

sudo systemctl start httpd

Apacheが起動しているかの確認します。以下のコマンドを入力し、Activeと表示されていればApacheが起動しています。

sudo systemctl status httpd

Apacheインストール2

Apacheの自動起動設定をします。以下のコマンドを実行することで自動起動するよう設定できます。

sudo systemctl enable httpd

Apacheの自動起動設定が有効か確認をします。以下のコマンドを実行し、httpd.serviceがenableになっていることを確認できれば自動起動設定は有効化されています。

sudo systemctl list-unit-files -t service | grep httpd

Apacheインストール3

さいごに

#

今回は、VPCを作成し、その中に配布先であるApacheをインストールしたEC2インスタンスを準備しました。
次回はpush先のGitLab用のEC2作成、docker-composeを使用したGitLab導入した際に実施した手順について整理します。

豆蔵デベロッパーサイト - 先週のアクセスランキング
  1. 基本から理解するJWTとJWT認証の仕組み (2022-12-08)
  2. Docker+Wasm で WASM をコンテナとして実行する (2023-01-25)
  3. 自然言語処理初心者が「GPT2-japanese」で遊んでみた (2022-07-08)
  4. 直感が理性に大反抗!「モンティ・ホール問題」 (2022-07-04)
  5. Nuxt3入門(第4回) - Nuxtのルーティングを理解する (2022-10-09)
  6. AWS認定資格を12個すべて取得したので勉強したことなどをまとめます (2022-12-12)
  7. Jest再入門 - 関数・モジュールモック編 (2022-07-03)
  8. ORマッパーのTypeORMをTypeScriptで使う (2022-07-27)
  9. Nuxt3入門(第8回) - Nuxt3のuseStateでコンポーネント間で状態を共有する (2022-10-28)
  10. Nuxt3入門(第1回) - Nuxtがサポートするレンダリングモードを理解する (2022-09-25)