Tạo ảnh động chèn văn bản bằng API ngoài - Quy trình làm việc n8n

Markdown-formatted text.

Lập trình viên cần ảnh giữ chỗ tùy biến nhanh chóng để kiểm thử và tạo mẫu thử (prototyping).
Nhà sáng tạo nội dung muốn tạo tài sản hình ảnh động mà không cần dùng các công cụ thiết kế phức tạp.
Người dùng đang học cách tận dụng node HTTP Request mạnh mẽ của n8n để lấy tài nguyên từ bên ngoài.
Chuyên gia tự động hóa tìm kiếm các mẫu n8n thực tiễn để tích hợp API bên ngoài một cách hiệu quả.

Workflow n8n mạnh mẽ này cung cấp một giải pháp liền mạch để tạo ảnh giữ chỗ tùy chỉnh bằng cách giao tiếp trực tiếp với API DummyJSON miễn phí. Nó là một ví dụ tuyệt vời về cách tận dụng node HTTP Request của n8n kết hợp với việc thiết lập dữ liệu động bằng node Set của n8n.

Tự động hóa này giải quyết vấn đề phổ biến là cần nội dung giữ chỗ có thể tùy biến ngay lập tức. Bằng cách cài đặt sẵn kích thước ảnh, màu nền, văn bản và họ font chữ ngay trong môi trường n8n, workflow này loại bỏ các bước thủ công. Điều này làm cho nó trở thành một tài sản quý giá trong số các mẫu n8n hiện có cho bất kỳ ai tham gia phát triển hoặc triển khai nội dung nhanh chóng, thể hiện sức mạnh và tính linh hoạt của việc tích hợp n8n.

Markdown-formatted text.

Quy trình hoạt động của workflow n8n đơn giản nhưng hiệu quả này gồm ba giai đoạn chính:

1. Khởi tạo: Quy trình bắt đầu bằng trigger n8n “When clicking ‘Test workflow’” (Khi nhấp vào ‘Test workflow’). Trigger này được thiết kế để kiểm thử thủ công, cho phép bạn nhanh chóng xác minh đầu ra và cấu hình mà không cần chạy theo lịch trình.


2. Thiết lập Cấu hình: Node n8n “Set Image Properties” (Thiết lập Thuộc tính Ảnh) khởi tạo tất cả các tham số quan trọng mà API ngoài yêu cầu. Các biến như size (600x400), backgroundColor (cc22e3), textColor (ffffff), text hiển thị ("Generated!"), fontSize và fontFamily được thiết lập dưới dạng dữ liệu JSON để chuyển sang bước tiếp theo. Node n8n quan trọng này tiêu chuẩn hóa đầu vào.


3. Thực thi API: Node n8n “Fetch Image from API” (Lấy Ảnh từ API) (một node HTTP Request của n8n) thực hiện chức năng cốt lõi. Nó xây dựng URL API một cách linh động bằng cách sử dụng các biểu thức tham chiếu đến các tham số đã được thiết lập ở bước trước. Nó gửi một yêu cầu GET tới endpoint của DummyJSON. Các cài đặt cấu hình chính (như nội dung văn bản và font chữ) được truyền đi một cách an toàn dưới dạng tham số truy vấn (query parameters), đảm bảo ảnh được yêu cầu tạo ra chính xác và dữ liệu ảnh được trả về bởi workflow n8n.

Markdown-formatted text.

1. Nhập workflow n8n: Sao chép đoạn mã JSON được cung cấp và dán trực tiếp vào phiên bản n8n của bạn thông qua menu 'New' (Mới) > 'Import from JSON' (Nhập từ JSON).


2. Kích hoạt workflow: Đảm bảo workflow n8n đã được kích hoạt bằng cách bật công tắc ở góc trên bên phải.


3. Không cần thông tin xác thực: Vì workflow n8n này sử dụng API DummyJSON công khai, nên không yêu cầu thông tin xác thực bên ngoài hoặc khóa API cho node HTTP Request của n8n.


4. Tùy chỉnh: Điều hướng đến node n8n “Set Image Properties” để thay đổi kích thước, màu sắc hoặc nội dung văn bản cho phù hợp với yêu cầu cụ thể của bạn. Các giá trị đặt tại đây sẽ quyết định kết quả đầu ra cuối cùng của workflow n8n.

Markdown-formatted text.

Khi nhấp vào ‘Test workflow’ (Trigger kích hoạt thủ công của n8n)
Chức năng: Bắt đầu thực thi workflow n8n một cách thủ công, chủ yếu cho mục đích phát triển và kiểm thử.
Cấu hình chính: Không có. Nó đóng vai trò là điểm bắt đầu ngay lập tức cho workflow n8n.

Set Image Properties (Node Set của n8n)
Chức năng: Xác định các biến payload quy định các đặc tính mong muốn của ảnh (kích thước, màu sắc, văn bản, font chữ).
Cấu hình chính: Định nghĩa rõ ràng nhiều giá trị gán chuỗi, bao gồm size (600x400), backgroundColor (cc22e3), textColor (ffffff), và text lớp phủ ("Generated!"). Các biến này đảm bảo node HTTP Request của n8n tiếp theo được tham số hóa đúng cách.

Fetch Image from API (Node HTTP Request của n8n)
Chức năng: Thực hiện cuộc gọi ngoài tới API DummyJSON để tạo và truy xuất tài nguyên hình ảnh.
Cấu hình chính:
URL: Sử dụng các biểu thức như ={{ $json.size }} để xây dựng đường dẫn yêu cầu một cách linh động dựa trên các biến đã được thiết lập ở phía trước.
* Tham số Truy vấn (Query Parameters): Truyền các biến như text, fontSize, và fontFamily tới API để kiểm soát việc hiển thị văn bản. Việc tích hợp này rất quan trọng cho sự thành công của workflow n8n.