Công cụ trực quan hóa và chỉnh sửa JSON
(github.com/podosoft-dev)Xin chào
Vì tôi thấy các tính năng của nhiều JSON Viewer miễn phí mà tôi vẫn thỉnh thoảng dùng từ trước đều hơi thiếu một chút,
nên tôi đã tham khảo nhiều mã nguồn mở và thử làm một công cụ dựa trên Svelte5.
Các tính năng chính như sau.
- Kiểm tra cú pháp JSON và định dạng theo thời gian thực
- Trực quan hóa đồ thị tương tác theo cấu trúc cây
- Nhấp vào node để chuyển ngay tới vị trí tương ứng trong JSON
- Lấy dữ liệu JSON từ URL (GET/POST/PUT/DELETE/PATCH)
- Tự động thu gọn khi có hơn 20 mục (tính năng "Xem thêm")
- Hỗ trợ tiếng Hàn/tiếng Anh
Tôi tạo công cụ này để dùng khi cần nắm bắt cấu trúc JSON phức tạp một cách trực quan hoặc phân tích phản hồi API.
Liên kết:
Rất mong nhận được phản hồi!
Xin cảm ơn.
15 bình luận
Tôi thường thấy nhiều cấu trúc json phức tạp và sâu, nên có một công cụ như thế này thật sự rất hữu ích haha. Không biết bạn có dự định làm thêm phiên bản ứng dụng desktop không? Kiểu cảm giác như Sublime ấy haha.
Hiện đang được lên kế hoạch.
Bạn dùng xyflow nhỉ. Có cảm giác dùng flowchart thì khó nảy ra ý tưởng hơn, nhưng trông rất tuyệt.
Wow! Đây đúng là điều mà bình thường tôi vẫn thấy tiếc nuối, nhìn vào là hiểu ngay!
Bạn đã vất vả rồi.
Ngay cả với những bạn mới học lập trình cũng sẽ thấy hữu ích.
Cảm ơn bạn!
Sẽ rất tốt nếu cũng hỗ trợ JSON5!
Ồ~ là anh đang vibe coding à?
Vâng, tôi chủ yếu dùng Claude Code; những phần bị vướng giữa chừng thì kiểm tra bằng ChatGPT, còn những gì vẫn không giải quyết được thì tự phân tích mã để xác định hướng sửa rồi lại đưa chỉ thị cho Claude Code theo cách đó.
Đặc biệt, khi áp dụng Dagre, vấn đề các nút trong đồ thị bị chồng lên nhau mãi không thể xử lý được nên tôi đã tự debug và sửa trực tiếp.
Thông qua cả quá trình này, có lẽ tôi đã tích lũy được khá nhiều kinh nghiệm về giới hạn nằm ở đâu và cần phải đưa chỉ thị công việc như thế nào.
Ồ, hay đấy.
Nhưng có vẻ như khi nhấp vào node thì không di chuyển.
Hiện đã được chỉnh sửa.
Tôi đã kiểm tra trường hợp bạn nói và xác nhận rằng có trường hợp nút được di chuyển, nhưng cũng có trường hợp không. Tôi sẽ kiểm tra và sửa lại.
Cá nhân tôi thỉnh thoảng cũng phải xử lý JSON đã được escape, nên sẽ rất hay nếu bổ sung thêm tính năng JSON Escape!
Vâng, tôi sẽ tham khảo và xem xét.
Tuyệt quá!! Nếu tương thích cả với Yaml và toml nữa thì có lẽ tôi sẽ dùng thường xuyên đấy
Tôi đã không nghĩ tới YAML và TOML như bạn nói, cảm ơn bạn đã chỉ ra. Tôi sẽ xem xét bổ sung tính năng và thử triển khai.