Add Auto deploy (#5)

* Add auto deploy

Author: Chen Quan

.github/workflows/react-pr.yml

@@ -0,0 +1,22 @@
+name: Docker
+
+on: [pull_request]
+
+jobs:
+
+  test:
+    runs-on: ubuntu-latest
+    name: Test
+    steps:
+      - uses: actions/checkout@v2
+      - name: Run tests
+        run: |
+          if [ -f docker-compose.test.yml ]; then
+            docker-compose --file docker-compose.test.yml build
+            docker-compose --file docker-compose.test.yml run sut
+          else
+            docker build . --file Dockerfile
+          fi
+
+
+

.github/workflows/react-push.yml

@@ -0,0 +1,51 @@
+name: Docker
+
+on: [push]
+
+jobs:
+
+  test:
+    runs-on: ubuntu-latest
+    name: Test
+    steps:
+      - uses: actions/checkout@v2
+      - name: Run tests
+        run: |
+          if [ -f docker-compose.test.yml ]; then
+            docker-compose --file docker-compose.test.yml build
+            docker-compose --file docker-compose.test.yml run sut
+          else
+            docker build . --file Dockerfile
+          fi
+
+
+  deploy:
+    if: contains(github.repository, 'opensourceai')
+    name: Deploy
+    needs: [test]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Copy file via ssh
+        uses: appleboy/scp-action@master
+        with:
+          host: ${{ secrets.HOST }}
+          username: ${{ secrets.USERNAME }}
+          password: ${{ secrets.PASSWORD }}
+          source: "./*"
+          target: "/app/web/github/${{ github.repository }}/"
+      - name: Build and Deploy ${{ github.repository }}
+        uses: appleboy/ssh-action@master
+        with:
+          host: ${{ secrets.HOST }}
+          username: ${{ secrets.USERNAME }}
+          password: ${{ secrets.PASSWORD }}
+          overwrite: true
+          command_timeout: 100m
+          script: |
+            cd /app/web/github/${{ github.repository }}/
+            export IMAGE=${{ github.repository }}
+            export CONTAINER_NAME=$(echo $IMAGE | cut -d "/" -f 2)
+            bash ./deploy-dev.sh
+
+

Dockerfile

@@ -0,0 +1,11 @@
+FROM node:10 as base
+WORKDIR /usr/src/app
+COPY package*.json ./
+RUN npm install --registry https://registry.npm.taobao.org
+COPY . .
+#EXPOSE 8080
+#CMD [ "npm", "run", "serve" ]
+RUN npm run build
+FROM nginx as deploy
+COPY --from=base /usr/src/app/build/ /usr/share/nginx/html/
+COPY nginx/default.conf /etc/nginx/conf.d/default.conf

deploy-dev.sh

@@ -0,0 +1,4 @@
+#!/usr/bin/env bash
+set -e
+
+docker-compose down --rmi all && docker-compose up -d --build

docker-compose.yml

@@ -0,0 +1,12 @@
+version: "3"
+services:
+  front-end:
+    image: ${IMAGE}:latest
+    container_name: ${CONTAINER_NAME}
+    build:
+      context: .
+      dockerfile: Dockerfile
+    ports:
+      - 8080:80
+
+

nginx/default.conf

@@ -0,0 +1,30 @@
+server {
+    listen       80;
+    server_name  localhost;
+
+    #charset koi8-r;
+    access_log  /var/log/nginx/host.access.log  main;
+    error_log  /var/log/nginx/error.log  error;
+
+    location / {
+        try_files $uri $uri/ /index.html;
+        root   /usr/share/nginx/html;
+        index  index.html index.htm;
+    }
+
+    #error_page  404              /404.html;
+
+    # redirect server error pages to the static page /50x.html
+    #
+    error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+        root   /usr/share/nginx/html;
+    }
+    #location /api/{
+    #     proxy_set_header Host $host;
+    #     proxy_set_header x-forwarded-for $remote_addr;
+    #     proxy_set_header X-Real-IP $remote_addr;
+    #
+    #     proxy_pass http://101.132.38.180:8000/;
+    #}
+}