EasyCloud

Awan Mudah

Perkenalan

EasyCloud adalah platform cloud file sederhana dengan front-end dan back-end terpisah. Ini mendukung pengunggahan dan pengelolaan file, pratinjau gambar secara online, dan menghasilkan tautan berbagi.

tumpukan teknologi

• Backend diimplementasikan menggunakan Spring, SpringMVC, Mybatis, dan MySQL. Untuk detailnya, lihat /server/README.md
• Front end diimplementasikan menggunakan Vue.js, Element UI

Pratinjau

• Masuk Daftar
  
• Halaman file saya
  
• Unggah file
  
• Halaman berbagi saya
  
• Lihat tautan berbagi
  
• Kunjungi tautan
  

---

Terapkan dan jalankan

Contoh berikut dijalankan dengan dua cara.

Lingkungan pengembangan berjalan

• ujung belakang /server

  1. /src/resources/db.properties mengkonfigurasi informasi koneksi database MySQL
  2. /src/resoutces/app/easycloud.properties Memodifikasi konfigurasi Aplikasi (tidak wajib)
  3. Gunakan IDE untuk mengimpor proyek dan mengonfigurasi Tomcat agar berjalan

• bagian depan /web

  1. npm install
  2. Ubah module.exports: dev.proxyTable.target di config/index.js menjadi alamat server
  3. npm run dev

Terapkan dan jalankan menggunakan Nginx (lingkungan produksi)

• 1. Ubah konfigurasi (sama seperti di atas)

  Anda juga dapat menambahkan jalur ke file konfigurasi lingkungan produksi di /src/resoutces/spring/spring-mybatis.xml dan src/main/java/com/pdwu/easycloud/common/config/AppConfig.java

• 2. Pengepakan

  • Backend mengeksekusi mvn clean package untuk menghasilkan paket perang.
  • Front end mengeksekusi npm run build untuk menghasilkan file statis di direktori dist.

• 3. Penyebaran server

  • Jalankan backend, seperti menggunakan Tomcat untuk dijalankan dalam konteks: localhost:8080/easycloud Path: /var/lib/tomcat/webapps/easycloud
  • Salin semua file di direktori front-end /dist ke jalur mana pun, seperti: /home/myApps/easycloud_web

• 4.Konfigurasi Nginx

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

  • Konfigurasi 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;
        }
    }
    

• Catatan: Di atas adalah demonstrasi penerapan server dalam konteks Tomcat. Penerapan di direktori root perlu diubah.