GitHub ActionsでS3にデプロイする！

2019年11月にGitHub Actionsが正式リリースされました！

GitHubでベータ版として公開されていたGitHub Actionsという機能が、GitHub主催のイベントGitHub Universe 2019で正式版としてリリースされました。
GitHub Actionsとは、GitHub上でワークフローを動かせるというものです。
ymlファイルでワークフローを定義し、pushやissue作成などをトリガーとして起動することができます。
リポジトリページのここにあるやつです↓

コワーキングスペースHarborS表参道オープンしました！

時を同じくしてアンチパターン社のオフィス兼コワーキングスペースが表参道にオープンしました！
https://harbors.anti-pattern.co.jp/

とにかくキレイでおしゃれ！

働きやすくて

カフェもあって

テラス席もある！

テラスからの夜景は最高なんです！！（個人の感想です）

エンジニアにとって働きやすい環境を提供するために、コワーキングスペースとしても運営しており、会員募集のサイトを作ったのですが、毎回のデプロイが大変なので、GitHub Actionsで自動化をしました！

GitHub ActionsでS3にデプロイする

会員募集サイトの構成は、CloudFrontでS3をオリジンに設定した構成ですので、S3の更新と、CloudFrontのキャッシュクリアの作業が必要です。

まず、AWSでデプロイ専用のS3とCloudFrontの権限を付与したIAM ユーザーを作成します。
アクセスキーとシークレットキーを控えておきます。

GitHub MarketPlaceページに、ワークフローのテンプレートが多数用意されているのでそれを利用します。

AWS S3 Syncというのがちょうど良さそうです。
ワークフローを追加したいリポジトリーのActionページを開きます。
Set up workflow yourself をクリック

リポジトリ/.github/workflows 配下にymlファイルが作られるので、そこにワークフローを設定します。ファイル名は拡張子が.ymlであればお好きな名前でOKです。

name: AWS S3 Sync

on: 
  push:
    branches:
      - master_for_aws

jobs:
  publish:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v1
        with:
          fetch-depth: 1

      - name: Publish to AWS S3
        uses: opspresso/action-s3-sync@master
        env:
          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
          AWS_REGION: "ap-northeast-1"
          FROM_PATH: "./docs"
          DEST_PATH: "s3://{s３のバケット名・パスを入れる}"
          OPTIONS: "--acl public-read"