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 لإنشاء حزمة الحرب.
  • تنفذ الواجهة الأمامية npm run build لإنشاء ملفات ثابتة في دليل dist.

• 3. نشر الخادم

  • قم بتشغيل الواجهة الخلفية، مثل استخدام Tomcat للتشغيل في السياق: localhost:8080/easycloud المسار: /var/lib/tomcat/webapps/easycloud
  • انسخ جميع الملفات الموجودة في دليل /dist للواجهة الأمامية إلى أي مسار، مثل: /home/myApps/easycloud_web

• 4. تكوين إنجينكس

  • تكوين الواجهة الخلفية /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، ويجب تغيير النشر في الدليل الجذر وفقًا لذلك.