Hướng dẫn Cài Đặt Imgproxy Trên Ubuntu để Tối Ưu Hình Ảnh

### Bước 1: Thêm PPA

### Bước 2: Cập nhật kho phần mềm

### Bước 3: Cài đặt libvips

sh
sudo apt-get install libvips-dev

### 2. Cài đặt Go

Imgproxy được viết bằng ngôn ngữ Go. Vì vậy, chúng ta cần cài đặt Go trên hệ thống.

markdown

Bước 1: Cập nhật kho phần mềm

sudo apt-get update

Bước 2: Cài đặt Go

sudo apt-get install golang-go

3. Tải dự án imgproxy

Sau khi cài đặt xong libvips và Go, chúng ta có thể tải mã nguồn của imgproxy từ GitHub.

### Bước 1: Tải mã nguồn

sh
go get github.com/imgproxy/imgproxy

### 4. Cấu hình và build dự án

Chúng ta cần cấu hình và build dự án imgproxy.

markdown

Bước 1: Cấu hình

PKG_CONFIG_PATH="$(brew --prefix libffi)/lib/pkgconfig" 
CGO_LDFLAGS_ALLOW="-s|-w" 
CGO_CFLAGS_ALLOW="-Xpreprocessor" 
go build -o /usr/local/bin/imgproxy

Bước 2: Chạy imgproxy

imgproxy -config /path/to/your/config.yaml

5. Cấu hình imgproxy

Imgproxy cần cấu hình để hoạt động hiệu quả. Chúng ta có thể tạo một file cấu hình config.yaml để tùy chỉnh các tùy chọn.

resize:
  format: PNG
  quality: 90
  max_height: 1024
  max_width: 1024
  fit_strategy: inside

insecure_urls:
backend_url

proxy_config:
  backend_url: http://your-backend-service.com

6. Sử dụng imgproxy với backend

Để sử dụng imgproxy, chúng ta cần một backend để lưu trữ hình ảnh gốc. Sau đó, imgproxy sẽ lấy hình ảnh từ backend và resize lại theo các tùy chọn được cấu hình.

Cách sử dụng

• Load ảnh: Từ frontend, chúng ta có thể load ảnh tới imgproxy để resize.

### Ví dụ URL

http://imgproxy:8080/insecure/resize:fit:20:0:no:0/plain/http://backend:3000/images/myimage.png

- http://imgproxy:8080 là server resize ảnh.
http://backend:3000 là Object storage bucket (backend nơi lưu ảnh gốc).

Ví dụ

### Tạo proxy config

yaml
proxy_config:
backend_url: http://your-backend-service.com

createProxyConfig():
…
url_map:
“/images/tiny/myimage.png”: “http://imgproxy:8080/insecure/resize:fit:20:0:no:0/plain/http://backend:3000/images/myimage.png”
“`

Kết luận

Cài đặt và sử dụng imgproxy để tối ưu hóa hình ảnh trên Ubuntu là một quy trình đơn giản và hiệu quả. Bằng cách thêm PPA để cập nhật libvips, cài đặt Go và build dự án imgproxy, chúng ta có thể tùy chỉnh và sử dụng công cụ này để đảm bảo hình ảnh được tải và hiển thị nhanh chóng. Hãy đảm bảo rằng bạn đã có một backend để lưu trữ hình ảnh gốc và cấu hình imgproxy đúng cách để đạt được hiệu suất tối đa.

Điểm nhấn quan trọng

• Cài đặt libvips: Sử dụng PPA để cập nhật libvips.
• Cài đặt Go: Cài đặt Go để xây dựng dự án.
• Tải và build dự án: Tải mã nguồn và build dự án imgproxy.
• Cấu hình imgproxy: Tạo file cấu hình để tùy chỉnh các tùy chọn.
• Sử dụng imgproxy với backend: Load ảnh tới imgproxy để thực hiện resize.

Hy vọng thông tin trong bài viết này sẽ giúp bạn cài đặt và sử dụng imgproxy hiệu quả trên Ubuntu