Skip to content

Adding new features in deploy-backend.yaml #25

Adding new features in deploy-backend.yaml

Adding new features in deploy-backend.yaml #25

name: Deploy Web App - Frontend
on:
push:
branches:
- master # Use the branch you use for production
jobs:
host-1:
runs-on: chat-easypark-deploy
steps:
- uses: actions/checkout@v3
# Setup Node.js with version 20
- name: Setup Node.js
uses: actions/setup-node@v2
with:
node-version: 20
# Install dependencies
- name: Install Dependencies
working-directory: public
run: npm install
# Create .env file in public directory
- name: Adding env file
run: echo "REACT_APP_API_URL=${{ secrets.BACKEND_URL }}" > public/.env
# Build the React app in the public directory
- name: Build React App
working-directory: public
run: |
npm install
npm run build
# Set up SSH key from GitHub Secrets
- name: Set up SSH key
run: |
mkdir -p ~/.ssh
echo "${{ secrets.SSH_PRIVATE_KEY }}" > ~/.ssh/id_rsa
chmod 600 ~/.ssh/id_rsa
ssh-keyscan -H ${{ secrets.SSH_HOST1 }} >> ~/.ssh/known_hosts
env:
SSH_PRIVATE_KEY: ${{ secrets.SSH_PRIVATE_KEY }}
SSH_HOST: ${{ secrets.SSH_HOST1 }}
# Deploy to remote host via SSH
- name: Deploy to Remote Server
working-directory: public
run: |
echo "====== Deploy to production server ======"
echo "====== Sync local and remote directory ======"
rsync -azPq -e "ssh -o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null" --delete ./build/ ${{ secrets.SSH_USER }}@${{ secrets.SSH_HOST1 }}:/var/www/html/ --rsync-path="sudo rsync"
ssh ${{ secrets.SSH_USER }}@${{ secrets.SSH_HOST1 }} 'sudo systemctl restart nginx'
env:
SSH_USER: ${{ secrets.SSH_USER }}
SSH_HOST: ${{ secrets.SSH_HOST1 }}
host-2:
runs-on: self-hosted
steps:
- uses: actions/checkout@v3
# Setup Node.js with version 20
- name: Setup Node.js
uses: actions/setup-node@v2
with:
node-version: 20
# Install dependencies
- name: Install Dependencies
working-directory: public
run: npm install
# Create .env file in public directory
- name: Adding env file
run: echo "REACT_APP_API_URL=${{ secrets.BACKEND_URL }}" > public/.env
# Build the React app in the public directory
- name: Build React App
working-directory: public
run: |
npm install
npm run build
# Set up SSH key from GitHub Secrets
- name: Set up SSH key
run: |
mkdir -p ~/.ssh
echo "${{ secrets.SSH_PRIVATE_KEY }}" > ~/.ssh/id_rsa
chmod 600 ~/.ssh/id_rsa
ssh-keyscan -H ${{ secrets.SSH_HOST2 }} >> ~/.ssh/known_hosts
env:
SSH_PRIVATE_KEY: ${{ secrets.SSH_PRIVATE_KEY }}
SSH_HOST: ${{ secrets.SSH_HOST2 }}
# Deploy to remote host via SSH
- name: Deploy to Remote Server
working-directory: public
run: |
echo "====== Deploy to production server ======"
echo "====== Sync local and remote directory ======"
rsync -azPq -e "ssh -o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null" --delete ./build/ ${{ secrets.SSH_USER }}@${{ secrets.SSH_HOST2 }}:/var/www/html/ --rsync-path="sudo rsync"
ssh ${{ secrets.SSH_USER }}@${{ secrets.SSH_HOST2 }} 'sudo systemctl restart nginx'
env:
SSH_USER: ${{ secrets.SSH_USER }}
SSH_HOST: ${{ secrets.SSH_HOST2 }}