EasyCloud

Nube fácil

Introducción

EasyCloud es una plataforma de nube de archivos simple con front-end y back-end separados. Admite la carga y administración de archivos, la vista previa en línea de imágenes y la generación de enlaces para compartir.

pila de tecnología

• El backend se implementa utilizando Spring, SpringMVC, Mybatis y MySQL. Para obtener más información, consulte /server/README.md.
• La interfaz se implementa utilizando Vue.js, Element UI

Avance

• Iniciar sesión Registrarse
  
• pagina de mis archivos
  
• Subir archivos
  
• Mi página para compartir
  
• Ver enlace para compartir
  
• Visitar enlace
  

---

Implementar y ejecutar

Los siguientes ejemplos se ejecutan de dos maneras.

Entorno de desarrollo en ejecución

• backend /server

  1. /src/resources/db.properties configura la información de conexión de la base de datos MySQL
  2. /src/resoutces/app/easycloud.properties Modificar la configuración de la aplicación (no es necesario)
  3. Utilice el IDE para importar el proyecto y configurar Tomcat para ejecutarlo

• interfaz /web

  1. npm install
  2. Modifique module.exports: dev.proxyTable.target en config/index.js para que sea la dirección del servidor
  3. npm run dev

Implementar y ejecutar usando Nginx (entorno de producción)

• 1. Modificar la configuración (igual que arriba)

  También puede agregar una ruta al archivo de configuración del entorno de producción en /src/resoutces/spring/spring-mybatis.xml y src/main/java/com/pdwu/easycloud/common/config/AppConfig.java

• 2. Embalaje

  • El backend ejecuta mvn clean package para generar el paquete war.
  • La interfaz ejecuta npm run build para generar archivos estáticos en el directorio dist.

• 3. Implementación del servidor

  • Ejecute el backend, como usar Tomcat para ejecutar en el contexto: localhost:8080/easycloud Ruta: /var/lib/tomcat/webapps/easycloud
  • Copie todos los archivos en el directorio front-end /dist a cualquier ruta, como por ejemplo: /home/myApps/easycloud_web

• 4.Configuración de Nginx

  • Configuración de backend /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/;
      }
    }
    

  • Configuración de front-end /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;
        }
    }
    

• Nota: Lo anterior es una demostración de la implementación del servidor en el contexto de Tomcat. La implementación en el directorio raíz debe modificarse en consecuencia.