put into seperate steps #17
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
| name: Build and Deploy Frontend | |
| on: | |
| push: | |
| branches: update-frontend-deploy-for-demo-env | |
| # workflow_dispatch: | |
| # inputs: | |
| # deploy-env: | |
| # description: 'The environment to deploy to' | |
| # required: true | |
| # type: choice | |
| # options: | |
| # - dev | |
| # - dev2 | |
| # - dev3 | |
| # - dev4 | |
| # - dev5 | |
| # - dev6 | |
| # - demo | |
| # demo-blob-name: | |
| # description: 'After the demo env gets created, copy its blob storage name here' | |
| # required: false | |
| env: | |
| demo-blob-name: | |
| deploy-env: dev4 | |
| permissions: | |
| id-token: write | |
| contents: read | |
| jobs: | |
| build: | |
| name: Build | |
| runs-on: ubuntu-latest | |
| defaults: | |
| run: | |
| working-directory: frontend | |
| steps: | |
| - name: Checkout code | |
| uses: actions/checkout@v4 | |
| - name: Install Node.js | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: '20' | |
| - name: Install NPM packages | |
| run: npm ci | |
| - name: Build project | |
| run: VITE_API_URL='https://reportvision-ocr-${{ env.deploy-env }}.azurewebsites.net/' npm run build | |
| - name: Run unit tests | |
| run: npm run test | |
| - name: Create client build archive | |
| shell: bash | |
| run: | | |
| echo "::group::Create application archive" | |
| tar -C ./dist/ -czf ./client.tgz . | |
| echo "::endgroup::" | |
| - name: Upload production-ready build files | |
| uses: actions/upload-artifact@v4 | |
| with: | |
| name: production-files | |
| path: ./frontend/client.tgz | |
| deploy: | |
| name: Deploy | |
| runs-on: ubuntu-latest | |
| environment: dev4 | |
| needs: [build] | |
| steps: | |
| - name: Download Artifacts To Job | |
| uses: actions/download-artifact@v4 | |
| with: | |
| name: production-files | |
| - name: Unpack client | |
| shell: bash | |
| run: | | |
| echo "::group::Unpack client" | |
| mkdir client-build; | |
| tar -C client-build -zxvf client.tgz | |
| echo "::endgroup::" | |
| - name: Azure login | |
| uses: azure/login@v2 | |
| with: | |
| client-id: ${{ secrets.AZURE_CLIENT_ID }} | |
| tenant-id: ${{ secrets.AZURE_TENANT_ID }} | |
| subscription-id: ${{ secrets.AZURE_SUBSCRIPTION_ID }} | |
| - name: Upload to Azure blob storage | |
| shell: bash | |
| if: ${{ env.demo-blob-name == '' }} | |
| run: | | |
| az storage blob upload-batch --account-name reportvisionfrontend${{ env.deploy-env }} -d '$web' -s client-build/ --overwrite | |
| - name: Upload to Azure blob storage | |
| shell: bash | |
| if: ${{ env.demo-blob-name != '' }} | |
| run: | | |
| az storage blob upload-batch --account-name ${{ env.demo-blob-name }} -d '$web' -s client-build/ --overwrite | |
| - name: Azure logout | |
| shell: bash | |
| run: | | |
| az logout |