EasyCloud

EasyCloud

Introduction

EasyCloud is a simple file cloud platform with separate front-end and back-end. It supports uploading and managing files, online previewing of pictures and generating sharing links.

technology stack

• The backend is implemented using Spring, SpringMVC, Mybatis, and MySQL. For details, see /server/README.md
• The front end is implemented using Vue.js, Element UI

Preview

• Login Register
  
• My files page
  
• Upload files
  
• My sharing page
  
• View sharing link
  
• Visit link
  

---

Deploy and run

The following examples run two ways.

Development environment running

• backend /server

  1. /src/resources/db.properties configure MySQL database connection information
  2. /src/resoutces/app/easycloud.properties Modify App configuration (not required)
  3. Use the IDE to import the project and configure Tomcat to run

• frontend /web

  1. npm install
  2. Modify module.exports: dev.proxyTable.target in config/index.js to be the server address
  3. npm run dev

Deploy and run using Nginx (production environment)

• 1. Modify configuration (same as above)

  You can also add a path to the production environment configuration file in /src/resoutces/spring/spring-mybatis.xml and src/main/java/com/pdwu/easycloud/common/config/AppConfig.java

• 2. Packing

  • The backend executes mvn clean package to generate the war package.
  • The front end executes npm run build to generate static files in the dist directory.

• 3. Server deployment

  • Run the backend, such as using Tomcat to run in the context: localhost:8080/easycloud Path: /var/lib/tomcat/webapps/easycloud
  • Copy all files in the front-end /dist directory to any path, such as: /home/myApps/easycloud_web

• 4.Nginx configuration

  • Backend configuration /etc/nginx/conf.d/easycloud.conf

     server {
      listen  9001;
      server_name localhost;
      root /var/lib/tomcat/webapps/easycloud;
    
      location / {
        proxy_pass http://localhost:8080/easycloud/;
      }
    }
    

  • Front-end configuration /etc/nginx/conf.d/easycloud_web.conf

     server {
        listen  80;
        server_name localhost;
    
        location / {
            root /home/myApps/easycloud_web;
            index index.html;
            try_files $uri $uri/ /index.html;
        }
    
        location /imgs {
            alias /home/myApps/easycloud_web/imgs;
        }
    
        location /api {
            proxy_pass http://localhost:8080/easycloud/api;
        }
    }
    

• Note: The above is a demonstration of server deployment in the context of Tomcat. Deployment in the root directory needs to be changed accordingly.