EasyCloud

EasyCloud

Einführung

EasyCloud ist eine einfache Datei-Cloud-Plattform mit separatem Front-End und Back-End. Sie unterstützt das Hochladen und Verwalten von Dateien, die Online-Vorschau von Bildern und das Generieren von Freigabelinks.

Technologie-Stack

• Das Backend wird mit Spring, SpringMVC, Mybatis und MySQL implementiert. Weitere Informationen finden Sie unter /server/README.md
• Das Frontend wird mit Vue.js, Element UI implementiert

Vorschau

• Anmelden Registrieren
  
• Seite „Meine Dateien“.
  
• Dateien hochladen
  
• Meine Sharing-Seite
  
• Link zum Teilen anzeigen
  
• Link besuchen
  

---

Bereitstellen und ausführen

Die folgenden Beispiele laufen auf zwei Arten ab.

Entwicklungsumgebung läuft

• Backend /server

  1. /src/resources/db.properties konfiguriert die Verbindungsinformationen zur MySQL-Datenbank
  2. /src/resoutces/app/easycloud.properties App-Konfiguration ändern (nicht erforderlich)
  3. Verwenden Sie die IDE, um das Projekt zu importieren und Tomcat für die Ausführung zu konfigurieren

• Frontend /web

  1. npm install
  2. Ändern Sie module.exports: dev.proxyTable.target in config/index.js als Serveradresse
  3. npm run dev

Bereitstellung und Ausführung mit Nginx (Produktionsumgebung)

• 1. Konfiguration ändern (wie oben)

  Sie können auch einen Pfad zur Konfigurationsdatei der Produktionsumgebung in /src/resoutces/spring/spring-mybatis.xml und src/main/java/com/pdwu/easycloud/common/config/AppConfig.java hinzufügen

• 2. Verpackung

  • Das Backend führt mvn clean package aus, um das Kriegspaket zu generieren.
  • Das Frontend führt npm run build aus, um statische Dateien im dist-Verzeichnis zu generieren.

• 3. Serverbereitstellung

  • Führen Sie das Backend aus, beispielsweise mit Tomcat, um es im Kontext auszuführen: localhost:8080/easycloud Pfad: /var/lib/tomcat/webapps/easycloud
  • Kopieren Sie alle Dateien im Front-End-Verzeichnis /dist in einen beliebigen Pfad, z. B.: /home/myApps/easycloud_web

• 4. Nginx-Konfiguration

  • Backend-Konfiguration /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/;
      }
    }
    

  • Frontend-Konfiguration /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;
        }
    }
    

• Hinweis: Das Obige ist eine Demonstration der Serverbereitstellung im Kontext von Tomcat. Die Bereitstellung im Stammverzeichnis muss entsprechend geändert werden.