EasyCloud

อีซี่คลาวด์

การแนะนำ

EasyCloud เป็นแพลตฟอร์มคลาวด์ไฟล์ที่เรียบง่ายซึ่งมีส่วนหน้าและส่วนหลังแยกกัน รองรับการอัปโหลดและจัดการไฟล์ การแสดงตัวอย่างรูปภาพออนไลน์ และสร้างลิงก์การแชร์

กองเทคโนโลยี

• แบ็กเอนด์มีการใช้งานโดยใช้ Spring, SpringMVC, Mybatis และ MySQL โปรดดูรายละเอียดที่ /server/README.md
• ส่วนหน้าถูกนำมาใช้โดยใช้ Vue.js, Element UI

ดูตัวอย่าง

• เข้าสู่ระบบ ลงทะเบียน
  
• หน้าไฟล์ของฉัน
  
• อัพโหลดไฟล์
  
• หน้าแบ่งปันของฉัน
  
• ดูลิงก์การแชร์
  
• ลิงค์เยี่ยมชม
  

---

ปรับใช้และรัน

ตัวอย่างต่อไปนี้ทำงานได้สองวิธี

สภาพแวดล้อมการพัฒนากำลังทำงานอยู่

• แบ็กเอนด์ /server

  1. /src/resources/db.properties กำหนดค่าข้อมูลการเชื่อมต่อฐานข้อมูล MySQL
  2. /src/resoutces/app/easycloud.properties แก้ไขการกำหนดค่าแอป (ไม่จำเป็น)
  3. ใช้ IDE เพื่อนำเข้าโปรเจ็กต์และกำหนดค่า Tomcat ให้รัน

• ส่วนหน้า /web

  1. npm install
  2. แก้ไข module.exports: dev.proxyTable.target ใน config/index.js ให้เป็นที่อยู่เซิร์ฟเวอร์
  3. npm run dev

ปรับใช้และรันโดยใช้ Nginx (สภาพแวดล้อมการผลิต)

• 1. แก้ไขการกำหนดค่า (เหมือนกับด้านบน)

  คุณยังสามารถเพิ่มเส้นทางไปยังไฟล์การกำหนดค่าสภาพแวดล้อมการผลิตใน /src/resoutces/spring/spring-mybatis.xml และ src/main/java/com/pdwu/easycloud/common/config/AppConfig.java

• 2. การบรรจุ

  • แบ็กเอนด์รัน mvn clean package เพื่อสร้างแพ็คเกจ war
  • ส่วนหน้าดำเนินการ npm run build เพื่อสร้างไฟล์คงที่ในไดเร็กทอรี dist

• 3. การปรับใช้เซิร์ฟเวอร์

  • รันแบ็กเอนด์ เช่น การใช้ Tomcat เพื่อทำงานในบริบท: localhost:8080/easycloud Path: /var/lib/tomcat/webapps/easycloud
  • คัดลอกไฟล์ทั้งหมดในไดเร็กทอรี front-end /dist ไปยังพาธใดๆ เช่น: /home/myApps/easycloud_web

• 4.การกำหนดค่า Nginx

  • การกำหนดค่าแบ็กเอนด์ /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/;
      }
    }
    

  • การกำหนดค่าส่วนหน้า /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;
        }
    }
    

• หมายเหตุ: ข้างต้นเป็นการสาธิตการปรับใช้เซิร์ฟเวอร์ในบริบทของ Tomcat การปรับใช้ในไดเร็กทอรีรากจำเป็นต้องเปลี่ยนแปลงตามลำดับ