CD - Deploy React Frontend #3
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: CD - Deploy React Frontend | |
| on: | |
| workflow_dispatch: | |
| push: | |
| branches: | |
| - main | |
| paths: | |
| - frontend/react/** | |
| jobs: | |
| deploy: | |
| runs-on: ubuntu-latest | |
| defaults: | |
| run: | |
| working-directory: ./frontend/react | |
| steps: | |
| - uses: actions/checkout@v4 | |
| - name: Slack commit message and sha | |
| run: > | |
| curl -X POST -H 'Content-type: application/json' --data '{"text":" :github: https://github.com/CarolinaOliiveira/spring-boot-fullstack/commit/${{ github.sha }} - ${{ github.event.head_commit.message }}"}' ${{ secrets.SLACK_WEBHOOK_URL }} | |
| - name: Send Slack Message | |
| run: > | |
| curl -X POST -H 'Content-type: application/json' --data '{"text":"Deployment started :progress_bar: :fingerscrossed:"}' ${{ secrets.SLACK_WEBHOOK_URL }} | |
| - name: Set build number | |
| id: build-number | |
| run: echo "BUILD_NUMBER=$(date '+%d.%m.%Y.%H.%M.%S')" >> $GITHUB_OUTPUT | |
| - name: Login to Docker Hub | |
| uses: docker/login-action@v3 | |
| with: | |
| username: ${{ secrets.DOCKERHUB_USERNAME }} | |
| password: ${{ secrets.DOCKERHUB_TOKEN }} | |
| - name: Docker Build and Push | |
| run: | | |
| chmod +x ../../.ci/build-publish.sh | |
| USERNAME=pg47101 \ | |
| REPO=amigoscode-react \ | |
| TAG=${{ steps.build-number.outputs.BUILD_NUMBER }} \ | |
| ../../.ci/build-publish.sh .\ | |
| --build-arg api_base_url=http://amigoscode-api-env.eba-ugqm2msm.eu-west-3.elasticbeanstalk.com:8080 | |
| - name: Send Slack Message | |
| run: > | |
| curl -X POST -H 'Content-type: application/json' | |
| --data ' | |
| {"text":":docker: Image tag: ${{steps.build-number.outputs.BUILD_NUMBER}} pushed to docker hub"} | |
| ' | |
| ${{ secrets.SLACK_WEBHOOK_URL }} | |
| - name: Update Dockerrun.aws.json api image tag with build number | |
| run: | | |
| echo "Dockerrun.aws.json before updating tag" | |
| cat ../../Dockerrun.aws.json | |
| sed -i -E 's_(pg47101/amigoscode-react:)([^"]*)_\1'${{steps.build-number.outputs.BUILD_NUMBER}}'_' ../../Dockerrun.aws.json | |
| echo "Dockerrun.aws.json after updating tag" | |
| cat ../../Dockerrun.aws.json | |
| - name: Send Slack Message | |
| run: > | |
| curl -X POST -H 'Content-type: application/json' | |
| --data ' | |
| {"text":":aws: Starting deployment to EBS"} | |
| ' | |
| ${{ secrets.SLACK_WEBHOOK_URL }} | |
| - name: Deploy to Elastic Bean stalk | |
| uses: einaregilsson/beanstalk-deploy@v21 | |
| with: | |
| aws_access_key: ${{ secrets.AWS_ACCESS_KEY_ID }} | |
| aws_secret_key: ${{ secrets.AWS_SECRET_ACCESS_KEY }} | |
| application_name: ${{ secrets.EB_APPLICATION_NAME }} | |
| environment_name: ${{ secrets.EB_ENVIRONMENT_NAME }} | |
| version_label: ${{ steps.build-number.outputs.BUILD_NUMBER }} | |
| version_description: ${{ github.SHA }} | |
| region: ${{ secrets.EB_REGION }} | |
| deployment_package: Dockerrun.aws.json | |
| wait_for_environment_recovery: 60 | |
| - name: Send Slack Message | |
| run: > | |
| curl -X POST -H 'Content-type: application/json' | |
| --data ' | |
| {"text":":githubloading: Commiting to repo"} | |
| ' | |
| ${{ secrets.SLACK_WEBHOOK_URL }} | |
| - name: Commit push Dockerrun.aws.json | |
| run: | | |
| git config user.name github-actions | |
| git config user.email [email protected] | |
| git add ../../Dockerrun.aws.json | |
| git commit -m "Update Dockerrun.aws.json docker image with new tag ${{ steps.build-number.outputs.BUILD_NUMBER }}" | |
| git push | |
| - name: Send Slack Message | |
| run: > | |
| curl -X POST -H 'Content-type: application/json' | |
| --data ' | |
| {"text":":party_blob Deployment and commit complete"} | |
| ' | |
| ${{ secrets.SLACK_WEBHOOK_URL }} | |
| - name: Send Slack Message | |
| if: always() | |
| run: > | |
| curl -X POST -H 'Content-type: application/json' | |
| --data '{"text":"Job Status ${{ job.status }}"}' | |
| ${{ secrets.SLACK_WEBHOOK_URL }} | |