Oproxy là gì?
Oproxy là một công cụ proxy network chạy ngay trong trình duyệt, cho phép bạn kiểm tra và chỉnh sửa HTTP và WebSocket traffic mà không cần bất kỳ proxy bên ngoài nào. Chỉ cần cài extension, mở devtools panel — và bạn đã thấy ngay mọi request và response đang chạy qua tab của mình.
Tính năng nổi bật nhất: bạn có thể viết lại request và response ngay lập tức. Thay đổi headers, mutate body payload, stub response từ API, delay các cuộc gọi network để test — tất cả từ một giao diện sạch sẽ trong Chrome hoặc Firefox.
Tại sao điều này quan trọng với Builders
Cách truyền thống để intercept traffic thường yêu cầu setup một proxy local như mitmproxy, cài đặt root CA, trust certificate ở cấp hệ thống, rồi xử lý cảnh báo certificate trên mọi domain. Mạnh mẽ nhưng phức tạp.
Oproxy rút ngắn workflow đó xuống còn vài giây. Với các developer đang làm việc trên:
- Testing contract giữa frontend và backend — stub một API endpoint bị lỗi và xác minh UI xử lý đúng.
- Debug WebSocket connections — xem từng frame, chỉnh sửa, gửi lại.
- Test các edge cases — mô phỏng response chậm, lỗi HTTP, payload lỗi mà không đụng đến server.
Cách nó hoạt động
Oproxy chạy hoàn toàn trong trình duyệt. Nó đăng ký như một service worker hoặc background script để intercept các lệnh fetch và WebSocket ở cấp platform. Devtools panel hiển thị danh sách request, detail view, và một rules engine.
Rules có thể được giới hạn theo URL pattern, method, hoặc giá trị header. Bạn có thể định nghĩa chúng như:
- Block — drop các request matching một cách im lặng.
- Delay — inject latency nhân tạo.
- Rewrite — thay thế response body, status, hoặc headers.
- Passthrough — log mà không sửa đổi.
Trải nghiệm Developer
UI rất trực quan: bảng request với các cột method, URL, status, timing, một detail pane hiển thị headers và body, và một rule editor hỗ trợ regex. Cũng có một log view kiểu console cho các WebSocket frames.
Vì chạy trong trình duyệt, không có network hop đến proxy server. Độ trễ giữa code và tool gần như bằng không. Với việc debug tần suất cao hoặc test nhạy cảm về performance, điều này rất quan trọng.
Mã nguồn mở và có thể mở rộng
Oproxy được MIT license và nằm trên GitHub. Kiến trúc extension được thiết kế để có thể mở rộng — bạn có thể thêm các loại rule tùy chỉnh, custom reporters, hoặc tích hợp với các dịch vụ bên ngoài qua một plugin API đơn giản.
Nếu bạn đã quen với mitmproxy hoặc đang trả tiền cho các tool như Charles, Oproxy xứng đáng để thử. Nó miễn phí, chạy trong trình duyệt, và cung cấp các tính năng mà đa số developer thực sự cần.
Bắt đầu
Tìm Oproxy trên GitHub và cài đặt browser extension. Project bao gồm hướng dẫn bắt đầu nhanh cho các use cases phổ biến như API stubbing và WebSocket debugging.
*Bạn có công cụ hoặc project nào muốn được cover? Gửi vào comments hoặc liên hệ.*