Build and Deploy website #28
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 website | |
| on: | |
| # Manually triggered event | |
| workflow_dispatch: | |
| jobs: | |
| build-and-deploy: | |
| runs-on: ubuntu-latest | |
| env: | |
| PROJECT_DIR: "frontend" | |
| steps: | |
| - name: Checkout code | |
| uses: actions/checkout@v4 | |
| - name: Set up Node.js | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: '18' | |
| cache: 'yarn' | |
| cache-dependency-path: 'frontend/yarn.lock' | |
| - name: Install dependencies | |
| run: yarn --cwd $PROJECT_DIR install --frozen-lockfile | |
| - name: Build project | |
| run: yarn --cwd $PROJECT_DIR build | |
| env: | |
| CI: false | |
| REACT_APP_BASE_URL: ${{ vars.BASE_API_URL }} | |
| REACT_APP_ANSWERS_KEY: ${{ secrets.CHALLENGE_ANSWERS_KEY }} | |
| - name: Archive Production Artifact | |
| run: | | |
| cd $PROJECT_DIR | |
| # Create a filename with date-time suffix | |
| ZIP_FILENAME=build-$(date +'%Y%m%d-%H%M%S').zip | |
| echo "ZIP_FILENAME=$ZIP_FILENAME" >> $GITHUB_ENV | |
| echo "Creating zip $ZIP_FILENAME" | |
| # Replace 'build/' with the directory of your build artifacts | |
| zip -r $ZIP_FILENAME build/ | |
| ls | |
| shell: bash | |
| - name: SCP to server | |
| uses: appleboy/scp-action@v0.1.7 | |
| with: | |
| host: ${{ vars.SERVER_HOST }} | |
| username: ${{ vars.SERVER_USERNAME }} | |
| key: ${{ secrets.SSH_KEY }} | |
| passphrase: ${{ secrets.SSH_KEY_PASSPHRASE }} | |
| port: 22 | |
| source: "frontend/*.zip" | |
| target: ${{ vars.FILE_DIRECTORY }} | |
| - name: SSH remote commands | |
| uses: appleboy/ssh-action@v1.0.3 | |
| with: | |
| host: ${{ vars.SERVER_HOST }} | |
| username: ${{ vars.SERVER_USERNAME }} | |
| key: ${{ secrets.SSH_KEY }} | |
| passphrase: ${{ secrets.SSH_KEY_PASSPHRASE }} | |
| port: 22 | |
| script: | | |
| cd ${{ vars.FILE_DIRECTORY }}/${{ env.PROJECT_DIR}} | |
| rm -rf build | |
| unzip -o ${{ env.ZIP_FILENAME }} | |
| # List zip files, sort by date (oldest first), and delete all but the 3 most recent | |
| ls -tp *.zip | grep -v '/$' | tail -n +3 | xargs -I {} rm -- {} |