imgsquash

요약

이미지 압축 전체 스택 웹 사이트 코드. Node, React 및 Next.js 프레임 워크에 작성된 API 서비스 및 Frontend가 모두 포함되어 있습니다.

스크린 샷

Google 클라우드 스토리지 설정

1. Google Cloud에서 프로젝트를 만들고이 QuickStart 안내서를 통해 무료 클라우드 스토리지 버킷을 추가하십시오.
   • https://cloud.google.com/storage/docs/quickstart-console
2. gcloud 명령 줄 도구 (여기에서 다운로드)를 사용하여 인증하거나 서비스 계정 파일과 함께 GOOGLE_APPLICATION_CREDENTIALS Env 변수를 설정하십시오.
   • 안내 : https://cloud.google.com/sdk/docs/authorizing

API 서비스 시작

1. 다음 변수가있는 폴더의 루트에서 .env 파일을 만듭니다. ENV 변수를 추가하는 방법에 대한 Dotenv를 참조하십시오.
   • API_VERSION : 1 (선택 사항).
   • gc_storage : your-google-cloud-bucket-name
   • DL_BASE_URL : [YOUR-API-URL]/1/dl
2. API 용 모든 노드 모듈을 설치하려면 npm install 수행하십시오.
3. npm run dev 3000 포트에서 개발자 서버를 시작하십시오.
4. 생산을 위해 npm start 하십시오

프론트 엔드 시작

1. Frontend 용 모든 노드 모듈을 설치하려면 npm install 수행하십시오.
2. Do npm run dev 3001 포트에서 Webpack Server를 시작합니다.
3. npm run build 및 npm start .

메모

1. 다음 프로그램은 최적화에 사용됩니다

   • Mozjpeg (Lossy JPEG 압축)
   • JPEGTRAN (무손실 JPEG 압축)
   • pngquant (Lossy PNG 압축)
   • optipng (무손실 PNG 압축)

2. 현재 파일 크기 업로드 제한은 10MB입니다.

3. API 경로. [우편]

   • /image : 파일, URL, Base64 또는 Binary를 통해 이미지를 업로드합니다.
     • 파일 : file 또는 base64 또는 binary .
     • LOSSY : Boolean (기본값 : 거짓)
   • /url : 압축 직접 이미지 URL.
     • URL : 유효한 이미지 URL.
   • /zip : 파일 객체의 목록을 ( id , size 및 name )의 배열로 허용하고 ZIPPER 결과를 보냅니다.
     • 파일 : 파일 목록 객체는 배열로서.

   [get] - /dl/:id : 압축 이미지의 다운로드 URL을 생성하십시오. 선택적 쿼리 name 수락합니다.

특허

MIT