BITMAKER-3655 Feature environments: Automatic workflow for preview deployment of estela-web #4
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: Build and Deploy estela-web preview | |
| on: | |
| pull_request: | |
| env: | |
| WEB_DIRECTORY: estela-web | |
| jobs: | |
| check-web: | |
| runs-on: ubuntu-latest | |
| name: Test if web files changed | |
| outputs: | |
| web_changed: ${{ steps.changed-estela-web-files.outputs.any_changed }} | |
| steps: | |
| - name: Checkout | |
| uses: actions/checkout@v3 | |
| - name: Check if estela-web directory changed | |
| id: changed-estela-web-files | |
| uses: tj-actions/changed-files@v37 | |
| with: | |
| files: estela-web | |
| check-api: | |
| runs-on: ubuntu-latest | |
| name: Test if api files changed | |
| outputs: | |
| api_changed: ${{ steps.changed-estela-api-files.outputs.any_changed }} | |
| steps: | |
| - name: Checkout | |
| uses: actions/checkout@v3 | |
| - name: Check if estela-api directory changed | |
| id: changed-estela-api-files | |
| uses: tj-actions/changed-files@v37 | |
| with: | |
| files: estela-api | |
| build_web: | |
| if: needs.check-web.outputs.web_changed == 'true' && needs.check-api.outputs.api_changed == 'false' | |
| name: Build web | |
| needs: [check-web, check-api] | |
| runs-on: ubuntu-latest | |
| env: | |
| web_changed: ${{ needs.check-web.outputs.web_changed }} | |
| api_changed: ${{ needs.check-api.outputs.api_changed }} | |
| steps: | |
| - name: Check out code | |
| uses: actions/checkout@v3 | |
| - uses: actions/setup-node@v3 | |
| with: | |
| node-version: 18.x | |
| cache: "yarn" | |
| cache-dependency-path: ./${{env.WEB_DIRECTORY}}/yarn.lock | |
| - name: Build Web | |
| working-directory: ./${{env.WEB_DIRECTORY}} | |
| run: | | |
| echo "REACT_APP_API_BASE_URL=${{ secrets.STAGING_BMC_API_URL }}" > .env.production | |
| yarn install | |
| yarn build --env publicPath=${{ secrets.STAGING_BMC_PUBLIC_PATH }} | |
| - name: Web changed | |
| run: | | |
| ls | |
| echo "estela-api changed status: ${{ env.api_changed }}" | |
| echo "estela-web changed status: ${{ env.web_changed }}!" | |
| echo "API URL: ${{ secrets.STAGING_BMC_API_URL }}" | |
| - name: "Upload Artifact" | |
| uses: actions/upload-artifact@v3 | |
| with: | |
| name: build-web | |
| path: estela-web/dist/ | |
| retention-days: 1 | |
| deploy_to_s3: | |
| name: Deploy web to s3 | |
| needs: build_web | |
| runs-on: ubuntu-latest | |
| steps: | |
| - name: Check out code | |
| uses: actions/checkout@v3 | |
| - name: Download built Web | |
| uses: actions/download-artifact@v3 | |
| with: | |
| name: build-web | |
| path: estela-web/dist/ | |
| # - 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_DEFAULT_REGION }} | |
| # - name: Defining bucket name and policies | |
| # run: | | |
| # export _BUCKET_NAME=$(echo estela-web-${{ github.head_ref }} | tr '[:upper:]' '[:lower:]') | |
| # echo "BUCKET_NAME=$_BUCKET_NAME" | |
| # echo "{ | |
| # \"Version\": \"2012-10-17\", | |
| # \"Statement\": [ | |
| # { | |
| # \"Sid\": \"PublicReadGetObject\", | |
| # \"Effect\": \"Allow\", | |
| # \"Principal\": \"*\", | |
| # \"Action\": \"s3:GetObject\", | |
| # \"Resource\": \"arn:aws:s3:::$_BUCKET_NAME/*\" | |
| # } | |
| # ] | |
| # }" > bucket_policy.json | |
| - name: Creating new S3 Bucket | |
| run: | | |
| echo "Accessing main folder" | |
| ls | |
| echo "Accessing estela-web folder" | |
| cd estela-web | |
| ls | |
| echo "Accessing dist folder" | |
| cd dist | |
| ls | |
| # - name: Deploy web to s3 | |
| # run: | | |
| # cd $WEB_DIRECTORY | |
| # aws s3 sync --delete ./dist s3:// |