react-s3.yml

name: React deployment practice

on:
  push:
    branches:
     - main

jobs:
  continuous-deployment:
    runs-on: ubuntu-latest
    steps:
      - name: Git Checkout
        uses: actions/checkout@v3

      - name: Use Node.js version 16.x
        uses: actions/setup-node@v3
        with:
          node-version: 16.x
          
      - name: Setting .env
        run: |
          echo "REACT_APP_KAKAO_INTEGRITY_VALUE=${{ secrets.REACT_APP_KAKAO_INTEGRITY_VALUE }}" >> .env
          echo "REACT_APP_KAKAO_JS_KEY=${{ secrets.REACT_APP_KAKAO_JS_KEY }}" >> .env
          echo "REACT_APP_KAKAO_REDIRECT_URI=${{ secrets.REACT_APP_KAKAO_REDIRECT_URI }}" >> .env
          echo "REACT_REST_API_KEY=${{ secrets.REACT_REST_API_KEY }}" >> .env
          echo "REACT_REDIRECT_URI=${{ secrets.REACT_REDIRECT_URI }}" >> .env
          echo "REACT_APP_APPLE_CLIENT_ID=${{ secrets.REACT_APP_APPLE_CLIENT_ID }}" >> .env
          echo "REACT_APP_APPLE_REDIRECT_URI=${{ secrets.REACT_APP_APPLE_REDIRECT_URI }}" >> .env
          cat .env
          
      - name: Build
        run: |
          npm ci
          npm run build_dev
        env:
         CI: false

      - name: Configure AWS credentials
        uses: aws-actions/configure-aws-credentials@v1
        with:
          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
          aws-region: ${{ secrets.AWS_REGION }}         

      - name: Deploy to S3
        run: aws s3 sync ./${{ secrets.BUILD_DIRECTORY }} ${{ secrets.AWS_S3_BUCKET_NAME }} --acl public-read --delete

      - name: CloudFront Invalidate Cache
        run: aws cloudfront create-invalidation --distribution-id ${{ secrets.AWS_CLOUDFRONT_DISTRIBUTION_ID }} --paths '/*'