EasyCloud

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修改App設定（非必須）
  3. 使用IDE導入專案並配置Tomcat運行

• 前端/web

  1. npm install
  2. 修改config/index.js中module.exports: dev.proxyTable.target為服務端位址
  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路徑： /var/lib/tomcat/webapps/easycloud
  • 將前端/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上下文下的演示，部署在根目錄需要相應改變