imgsquash

RÉSUMÉ

Compression d'image Code du site Web complet. Contient à la fois le service API et Frontend écrit en nœud, react et next.js framework.

Captures d'écran

Configuration de Google Cloud Storage

1. Créez un projet sur Google Cloud et ajoutez un seau de stockage cloud gratuit via ce guide QuickStart:
   • https://cloud.google.com/storage/docs/quickstart-console
2. Authentifiez à l'aide de l'outil de ligne de commande gcloud (téléchargez ici) ou définissez la variable Env GOOGLE_APPLICATION_CREDENTIALS avec le fichier de compte Service.
   • Guide ici: https://cloud.google.com/sdk/docs/authorizing

Démarrage du service API

1. Créez un fichier .env dans la racine du dossier avec les variables suivantes. Voir Dotenv sur la façon d'ajouter des variables Env.
   • Api_version : 1 (facultatif).
   • GC_STORAGE : your-google-cloud-bucket-name
   • DL_BASE_URL : [YOUR-API-URL]/1/dl
2. npm install pour installer tous les modules de nœud pour l'API.
3. npm run dev pour démarrer le serveur de développement sur le port 3000 .
4. npm start pour la production

Commencer le frontend

1. npm install pour installer tous les modules de nœud pour Frontend.
2. Do npm run dev démarrera le serveur WebPack sur le port 3001 .
3. npm run build et npm start à construire et à utiliser le code en production.

Notes

1. Les programmes suivants sont utilisés pour l'optimisation

   • Mozjpeg (compression JPEG avec perte)
   • JPEGTRAN (compression JPEG sans perte)
   • pngquant (compression PNG avec perte)
   • Optipng (compression PNG sans perte)

2. La limite de téléchargement de la taille du fichier actuelle est de 10 Mo.

3. Routes API. [POSTER]

   • /image : Téléchargez des images (s) via le fichier, l'URL, la base64 ou le binaire.
     • Fichier: file ou base64 ou binary .
     • Lossy: Boolean (par défaut: false)
   • /url : URL de l'image directe de compression.
     • URL: URL d'image valide.
   • /zip : accepte la liste des fichiers objet comme un tableau avec ( id , size et name ) et envoyer le résultat zippé.
     • Fichiers: Liste des fichiers Objet en tant que tableau.

   [Get] - /dl/:id : générer une URL de téléchargement de l'image compressée. Acceptez name de la requête facultatif.

LICENCE

Mit