あめがえるのITブログ

頑張りすぎない。ほどほどに頑張るブログ。

【AWS】Github Actionsを使ってS3に静的コンテンツをデプロイしてみた・２


下記で同じことを実施したが、アクセスキーを使ったやり方だったので、セキュアにIAMロールを使ったやり方で実施してみた。
amegaeru.hatenablog.jp

やること

Github Actionsを使ってS3に静的コンテンツをデプロイする。
AWS認証にはIAMロールを使用する。

前提

Githubアカウントを取得していること

実践！

１．GitHubリポジトリ作成
１－１．Githubへログイン
１－２．「Repositories」-「New」

１－３．下記を入力し、「Create repository」
　Repository name：<リポジトリ名>
　Private：✅


２．IDプロバイダー、IAMロール作成
２－１．AWS - IAM
２－２．「ID プロバイダ」-「プロバイダを追加」

２－３．下記を入力し、「プロバイダを追加」
　プロバイダのタイプ：OpenID Connect
　プロバイダの URL:：https://token.actions.githubusercontent.com
　対象者:：sts.amazonaws.com

２－４．「ロール」-「ロールを作成」

２－５．下記を入力し、「次へ」
　信頼されたエンティティタイプ：ウェブアイデンティティ
　アイデンティティプロバイダー：token.actions.githubusercontent.com
　Audience：sts.amazonaws.com
　GitHub 組織：Githubアカウント名
　GitHub リポジトリ：リポジトリ名
　GitHub ブランチ：main

２－６．「AdministratorAccess」にチェックを入れ、「次へ」

２－７．下記を入力し、「ロールを作成」
　ロール名：<ロール名>
　説明：空白



３．S3バケット作成
３－１．AWS - S3
３－２．「汎用バケット」-「バケットを作成」

３－３．下記を入力し、「バケットを作成」
　バケットタイプ：汎用
　バケット名：<バケット名>
　オブジェクト所有者：ACL無効
　パブリックアクセスをすべてブロック：□
　バケットのバージョニング：無効にする
　デフォルトの暗号化：Amazon S3 マネージドキーを使用したサーバー側の暗号化 (SSE-S3)
　バケットキー：無効にする




４．GitHubSecrets作成
４－１．Githubへログインし、作成したリポジトリへ移動
４－２．「Settings」-「Secrets and variables」-「Actions」-「New repository secret」

４－３．下記を入力し、「Add secret」
　Name：IAM_ROLE_ARN
　Secret：<IAMロールのARN＞


５．GitHubActionsワークフローを作成
５－１．Githubへログインし、作成したリポジトリへ移動
５－２．「Actions」-「set up a workflow yourself」

５－３．下記を入力し、「Commit changes」

name: Deploy to S3

on:
  push:
    branches:
      - main

permissions:
      id-token: write   # This is required for requesting the JWT
      contents: read    # This is required for actions/checkout

jobs:
  deploy:
    runs-on: ubuntu-latest

    steps:
      - name: Git clone the repository
        uses: actions/checkout@v3
      - name: configure aws credentials
        uses: aws-actions/configure-aws-credentials@v2
        with:
          role-to-assume: ${{ secrets.IAM_ROLE_ARN }}
          role-session-name: samplerolesession
          aws-region: ap-northeast-1

      - name: Deploy to S3
        run: |
          aws s3 sync ./deploy s3://<S3バケット名> --delete


５－４．「Commit changes」


６．動作確認
６－１．Githubへログインし、作成したリポジトリへ移動
６－２．「Code」-「＋」-「Create new file」

６－３．上記テキストボックスで「deploy/」を入力
※末尾の「/」を入力すると自動でパスが追加される

６－４．上記テキストボックスに「index.html」と入力し、下記を入力、その後「Commit change」

<html>
  <body>
    test
  </body>
</html>


６－５．「Commit changes」

６－６．「Actions」タブへ移動しWorkFlowが完了すること

６－７．S3のコンソールへ移動し、index.htmlがアップロードされていることを確認


感想

IAMロールのほうが安全だね(´ω｀)ﾋﾟｶｰﾝ