imgsquash

ملخص

ضغط الصورة كود موقع مكدس كامل. يحتوي على كل من خدمة API والواجهة الأمامية المكتوبة في Node و React و Next.JS Framework.

لقطات الشاشة

إعداد تخزين السحابة من Google

1. قم بإنشاء مشروع على Google Cloud وأضف دلوًا مجانيًا لتخزين السحابة عبر دليل QuickStart هذا:
   • https://cloud.google.com/storage/docs/quickstart-console
2. قم بالتوصل إلى إما أداة سطر أوامر gcloud (تنزيل هنا) أو تعيين متغير env GOOGLE_APPLICATION_CREDENTIALS مع ملف حساب الخدمة.
   • دليل هنا: https://cloud.google.com/sdk/docs/authorizing

بدء خدمة API

1. إنشاء ملف .env في جذر المجلد مع المتغيرات التالية. انظر dotenv حول كيفية إضافة متغيرات ENV.
   • api_version : 1 (اختياري).
   • GC_STOROGER : your-google-cloud-bucket-name
   • dl_base_url : [YOUR-API-URL]/1/dl
2. قم npm install لتثبيت جميع وحدات العقدة لـ API.
3. قم npm run dev لبدء تشغيل خادم DEV على 3000 منفذ.
4. هل npm start للإنتاج

بدء الواجهة الأمامية

1. قم npm install لتثبيت جميع وحدات العقدة للواجهة الأمامية.
2. Do npm run dev سيبدأ خادم WebPack على منفذ 3001 .
3. قم npm run build و npm start في إنشاء الكود واستخدامه في الإنتاج.

ملحوظات

1. يتم استخدام البرامج التالية للتحسين

   • Mozjpeg (ضغط JPEG المفقود)
   • jpegtran (ضغط JPEG بدون خسارة)
   • PNGQUANT (ضغط PNG LOSS)
   • optipng (ضغط PNG بدون فقدان)

2. حد تحميل حجم الملف الحالي هو 10 ميغابايت.

3. طرق API. [بريد]

   • /image : تحميل الصور (الصور) عبر الملف أو عنوان URL أو BASE64 أو ثنائي.
     • ملف: file أو base64 أو binary .
     • Losed: Boolean (افتراضي: خطأ)
   • /url : عنوان URL للصورة المباشرة.
     • عنوان URL: عنوان URL للصورة.
   • /zip : يقبل قائمة كائن الملفات كصفيف مع ( id size name ) وأرسل النتيجة المضغوطة.
     • الملفات: قائمة كائن الملفات كصفيف.

   [GET] - /dl/:id : إنشاء عنوان URL لتنزيل الصورة المضغوطة. قبول name الاستعلام الاختياري.

رخصة

معهد ماساتشوستس للتكنولوجيا