Cách dùng Công cụ tìm JSON Path
- Dán JSON — payload webhook từ Webflow, HubSpot hoặc Stripe, phản hồi API, hoặc dữ liệu mẫu đầu ra của Make/Zapier.
- Nhấn vào khóa hoặc giá trị bất kỳ trong cây dữ liệu (tính năng tìm kiếm hữu ích với payload lớn).
- Sao chép đường dẫn theo hệ thống bạn đang dùng: JavaScript, JSONPath, jq, Python, PHP, n8n hoặc Make.
- Với Make, hãy đặt số thứ tự của module tạo ra dữ liệu — đường dẫn sẽ có dạng
{{3.items[2].name}}.
Vì sao công cụ tìm đường dẫn giúp tiết kiệm thời gian
Payload thực tế thường lồng sâu: một webhook form Webflow, một contact HubSpot, một sự kiện Stripe hay một mục CMS có thể dài hàng trăm dòng với các object và mảng lồng nhau. Tự viết data.payload.data.items[0].fieldData.name nghĩa là phải đếm ngoặc và đoán mò — và chỉ cần sai một chỉ số là kết quả sẽ im lặng trả về undefined. Nhấn vào giá trị là bạn có ngay đường dẫn chính xác.
So sánh cú pháp đường dẫn
| Cú pháp | Ví dụ | Ghi chú |
|---|---|---|
| JavaScript | data.items[1].name | Khóa có khoảng trắng dùng ["company name"] |
| JSONPath | $.items[1].name | Được nhiều API, bài test Postman và một số công cụ no-code sử dụng |
| jq | .items[1].name | Bộ xử lý JSON chạy trên dòng lệnh |
| Python / PHP | data["items"][1]["name"] | Truy cập bằng ngoặc vuông trên dict và mảng |
| n8n | {{ $json.items[1].name }} | Cú pháp expression trong các trường của node |
| Make | {{1.items[2].name}} | Mảng bắt đầu từ 1; số đầu tiên là số thứ tự module |
Mảng đếm từ 1 trong Make
Ở hầu hết nơi khác, phần tử đầu tiên của mảng là [0]; trong Make nó là [1]. Đây là lý do phổ biến nhất khiến một mapping trả về rỗng trong Make. Công cụ sẽ tự động chuyển đổi chỉ số và bao các khóa có khoảng trắng bằng dấu backtick. Trong Zapier, các trường lồng nhau thường được làm phẳng (ví dụ contact__email) và các dòng hàng hóa được xử lý như mảng — “Zapier field key” hiển thị dạng đã làm phẳng.
Cần làm sạch JSON trước? Hãy dùng JSON Formatter. Muốn chuyển mảng thành bảng, thử JSON to CSV; cần khai báo kiểu dữ liệu trong code, dùng JSON to TypeScript; còn với các trường ngày tháng trong automation, hãy dùng Date Format Converter.
Cũng được tìm dưới tên: tìm json path, json path là gì, lấy đường dẫn json, công cụ json path, make mapping json, biểu thức n8n, đường dẫn jq, payload webhook.
Các công cụ dùng kèm tốt với Công cụ tìm JSON Path
- Kiểm Thử JSONPath — Nhập truy vấn JSONPath và xem ngay nó chọn ra những gì, kèm đường dẫn chính xác của từng kết quả.
- Webhook Tester — Lấy một URL riêng, gửi webhook hoặc HTTP client của bạn tới đó và xem request đổ về ngay lập tức — header, query string và body đã được định dạng, cùng với kiểm tra chữ ký HMAC.
- Kiểm thử API — Công cụ Postman thu gọn chạy ngay trên trình duyệt: tạo HTTP request, gửi đi và xem trạng thái, thời gian, header cùng nội dung JSON đã được định dạng.
- Chỉnh CSS HubSpot Form — Thiết kế form HubSpot với bản xem trước trực tiếp — ô nhập, nhãn, hàng hai cột, checkbox, thông báo lỗi và nút gửi — rồi copy CSS, toàn bộ mã nhúng, hoặc Code Embed cho Webflow có sẵn.
Câu hỏi thường gặp
JSON của tôi có bị tải lên không?
Vì sao Make dùng [1] cho phần tử đầu tiên?
JSONPath là gì?
$.store.books[0].title sẽ chọn ra một giá trị; nó được dùng trong API, công cụ kiểm thử và một số nền tảng automation.