0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

AWS チュートリアル「継続的デリバリーパイプラインを作成する」をやってみた

Posted at

初めに

現在デベロッパーアソシエイト合格を目指しており、CodeBuild や CodePipeline についての理解を深めたかったので、こちらのチュートリアルをやってみました。

開始前に

継続的デリバリーとは

ソフトウェアを構築、テスト、デプロイするプロセスを自動化することで、デベロッパーがソフトウェアをより迅速にリリースできるようにするソフトウェア開発手法のこと。

継続的インテグレーションとは

ホストされるリポジトリに変更を定期的にプッシュし、その後に自動化されたビルドとテストを実行するソフトウェア開発手法のこと。

1. Git リポジトリを作成する

こちらのリポジトリをフォークします。

2. Elastic Beanstalk で環境を作成する

アプリケーションの名前を入力します。

1.png

プラットフォームは以下のように選択します。

2.png

環境の作成が始まりますのでしばらく待ちます。

3.png

環境の作成が完了し以下の URL をクリックするとサンプルアプリケーションを確認できます。

4.png

URL をクリックすると以下のようなWebページに遷移します。

image.png

3. CodeBuild でプロジェクトを作成する

プロジェクト名を入力します。

5.png

GitHub をソースプロバイダに設定し、OAuth を利用した接続にチェックを入れ、「GitHub に接続」をクリックします。

6.png

フォークしたリポジトリを選択します。

9.png

以下のように環境の設定をします。

10.png

ビルドコマンドを記述します。

version: 0.2
phases:
    build:
        commands:
            - npm i --save
artifacts:
    files:
        - '**/*'

11.png

残りの設定はすべてデフォルトのまま、「ビルドプロジェクトを作成する」をクリックします。

12.png

「ビルドを開始」をクリックし、ビルドが正常に行われるかテストします。

13.png

4. パイプラインを作成する

パイプライン名を入力し、「新しいサービスロール」にチェックを入れます。CodePipeline がサービスロールを作成できるように、チェックボックスにもチェックを入れます。

14.png

ソースプロバイダは「GitHub(バージョン2)」を選択し、「GitHub に接続する」をクリックします。チュートリアルでは GitHub(バージョン1)で進めていましたが、今回はバージョン2を選択しました。しかしバージョン2ではなぜかプッシュしても自動でパイプラインが実行されませんでした。この原因がわかっていません。チュートリアル通りにバージョン1ではプッシュ後に自動でパイプラインが実行されました。

14_5.png

以下のように接続名を入力し、「GitHub に接続する」をクリックします。

15.png

リポジトリを選択し、「ソースコード変更時にパイプラインを開始する」にチェックを入れ、出力アーティファクト形式はデフォルトを選択します。

16.png

ビルドステージの追加では作成したビルドプロジェクトを選択します。

17.png

デプロイステージでは作成した Elastic Beanstalk のアプリケーションを選択します。

18.png

レビューでは「パイプラインを作成」をクリックします。作成後、パイプラインの実行が始まります。以下のようにパイプラインの実行完了後、Elastic Beanstalk のアプリケーション画面を更新するとリポジトリの内容が反映されていることが確認できます。

21.png

5. パイプラインにレビューステージを追加する

作成したパイプラインを選択し、「編集」をクリックします。

22.png

追加したい場所の「ステージを追加する」をクリックします。

23.png

ステージ名を入力し、「ステージを追加する」をクリックします。

24.png

「アクショングループを追加する」をクリックします。

25.png

アクション名を入力し、アクションプロバイダーでは「手動承認」を選択します。その後「完了」をクリックします。

26.png

ステージを保存します。

27.png

コードを編集し、プッシュしたら「変更をリリースする」をクリックします。これによりパイプラインが実行されます。

30.png

パイプラインの開始後、レビューステージでパイプラインの実行は承認待ちとなり一旦停止します。承認するには「レビュー」を選択します。

28.png

「承認します」をクリックすると、次のステージが開始されます。

29.png

ブラウザを更新すると変更が反映されていることを確認できました。

a.png

参考記事

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?