feature/frontend initial #10
Workflow file for this run
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
| # Workflow name | ||
| name: Frontend Continuous Integration | ||
| # Triggers for the workflow | ||
| on: | ||
| # Manual trigger using the workflow_dispatch event | ||
| workflow_dispatch: | ||
| # Automatic trigger on push events to the main branch | ||
| push: | ||
| branches: | ||
| - main | ||
| # Automatic trigger on pull request events targeting the main branch | ||
| pull_request: | ||
| branches: | ||
| - main | ||
| # Jobs defined in the workflow | ||
| jobs: | ||
| lint-and-test-job: | ||
| runs-on: ubuntu-latest | ||
| steps: | ||
| - name: Checkout code | ||
| uses: actions/checkout@v3 | ||
| - name: Set up Node.js | ||
| uses: actions/setup-node@v3 | ||
| with: | ||
| node-version: latest | ||
| - name: Debug message | ||
| run: cd starter/frontend && echo pwd | ||
| - name: Cache NPM dependencies | ||
| uses: actions/cache@v2 | ||
| with: | ||
| path: ~/.npm | ||
| key: ${{ runner.OS }}-npm-cache-${{ hashFiles('**/package-lock.json') }} | ||
| restore-keys: | | ||
| ${{ runner.OS }}-npm-cache- | ||
| # Install the dependencies. | ||
| - name: Install the dependencies | ||
| run: cd starter/frontend && npm ci | ||
| # Run the linter. | ||
| # - run: cd ../../starter/frontend && npm run lint | ||
| - name: Run the linter | ||
| run: cd starter/frontend && npm run lint | ||
| # Run the tests. | ||
| - name: Run tests | ||
| run: cd starter/frontend && npm test | ||
| - name: Debug message | ||
| if: env.DEBUG == 'true' | ||
| run: echo "Debugging is enabled." | ||
| build-job: | ||
| runs-on: ubuntu-latest | ||
| needs: lint-and-test-job #dependent job | ||
| steps: | ||
| - name: Checkout code | ||
| uses: actions/checkout@v4 | ||
| - name: Set up Node.js | ||
| uses: actions/setup-node@v3 | ||
| with: | ||
| node-version: latest | ||
| - name: Build docker frontend image #Tag the built docker image with the git sha (use GitHub Context) | ||
| #if: github.ref == 'refs/heads/main' | ||
| run: cd starter/frontend && docker build --build-arg=REACT_APP_MOVIE_API_URL=http://localhost:5000 --tag=mp-frontend:latest . | ||
| # - name: Run docker image | ||
| # run: docker run --name mp-frontend -p 3000:3000 -d mp-frontend | ||
| #Configure AWS credentials | ||
| - name: Configure AWS credentials | ||
| uses: aws-actions/configure-aws-credentials@v4 | ||
| with: | ||
| #role-to-assume: arn:aws:iam::123456789012:role/my-github-actions-role | ||
| aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }} | ||
| aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }} | ||
| aws-session-token: ${{ secrets.AWS_SESSION_ACCESS_TOKEN}} | ||
| aws-region: ${{ env.AWS_REGION }} | ||
| mask-aws-account-id: 'false' | ||
| #Docker setup | ||
| - name: Set up QEMU | ||
| uses: docker/setup-qemu-action@v3 | ||
| - name: Set up Docker Buildx | ||
| uses: docker/setup-buildx-action@v3 | ||
| - name: Login to Docker Hub | ||
| uses: docker/login-action@v3 | ||
| with: | ||
| username: ${{ secrets.DOCKER_HUB_USERNAME }} | ||
| password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }} | ||
| - name: Build and push | ||
| id: build-and-push | ||
| uses: docker/build-push-action@v5 | ||
| with: | ||
| context: . | ||
| platforms: linux/amd64,linux/arm64 | ||
| push: true | ||
| tags: ${{ steps.login-ecr.outputs.registry }}/${{ env.ECR_REPOSITORY }}:${{ steps.vars.outputs.sha_short }} | ||
| # outputs: type=image,name=${{ env.REGISTRY_IMAGE }},push-by-digest=true,name-canonical=true,push=true | ||
| - name: Login to Amazon ECR | ||
| id: login-ecr | ||
| uses: aws-actions/amazon-ecr-login@v2 | ||
| with: | ||
| mask-password: 'false' | ||
| - name: Set outputs | ||
| id: vars | ||
| run: echo "sha_short=$(git rev-parse --short HEAD)" >> $GITHUB_OUTPUT | ||
| outputs: | ||
| registry: ${{ steps.login-ecr.outputs.registry }} | ||
| #docker_username: ${{ steps.login-ecr.outputs.docker_username_123456789012_dkr_ecr_us_east_1_amazonaws_com }} # More information on these outputs can be found below in the 'Docker Credentials' section | ||
| #docker_password: ${{ steps.login-ecr.outputs.docker_password_123456789012_dkr_ecr_us_east_1_amazonaws_com }} | ||
| #TODO: Apply the Kubernetes manfiests using the image tag from build | ||
