Charles Proxy — nó là gì, cài đặt và chặn lưu lượng HTTPS

Charles Proxy là gì?

Charles Proxy là một proxy HTTP và trình giám sát HTTP hoạt động như một trung gian giữa máy khách và máy chủ. Tất cả các yêu cầu và phản hồi đều đi qua Charles, cho phép bạn xem nội dung, phân tích cấu trúc, sửa đổi dữ liệu theo thời gian thực và mô phỏng các điều kiện mạng khác nhau. Nó có sẵn cho Windows, macOS và Linux.

Lịch sử và định vị

Charles Proxy được tạo ra vào năm 2004 bởi Karl von Randow và vẫn là một trong những công cụ phổ biến nhất để gỡ lỗi lưu lượng mạng. Không giống như các lựa chọn thay thế miễn phí, Charles cung cấp giấy phép trả phí với thời gian dùng thử 30 ngày. Công cụ này được định vị là giải pháp chuyên nghiệp cho các nhà phát triển ứng dụng di động, nhà phát triển web và kỹ sư QA cần kiểm soát hoàn toàn các giao tiếp HTTP.

Tương thích nền tảng

Charles hoạt động như một proxy hệ thống trên máy tính và có thể chặn lưu lượng từ bất kỳ thiết bị nào trên cùng mạng: Android, iOS, trình mô phỏng, trình giả lập, trình duyệt web và thiết bị IoT. Để chặn HTTPS, bạn cần cài đặt chứng chỉ gốc của Charles trên mỗi thiết bị. Lưu lượng được hỗ trợ trên HTTP/1.1 và HTTP/2 (một phần). HTTP/3 (QUIC) không được hỗ trợ ở cấp độ chặn.

Charles Proxy hoạt động như thế nào

Charles hoạt động theo nguyên tắc proxy MITM (Man-in-the-Middle): khi máy khách gửi yêu cầu qua Charles, công cụ sẽ chặn yêu cầu, chuyển tiếp đến máy chủ đích, nhận phản hồi và chuyển lại cho máy khách. Tất cả lưu lượng đều đi qua Charles, cho phép phân tích và sửa đổi.

Kiến trúc proxy

Khi khởi chạy, Charles tạo một proxy HTTP cục bộ trên cổng 8888 (mặc định). Hệ điều hành hoặc ứng dụng được cấu hình để sử dụng proxy này. Tất cả các yêu cầu HTTP được gửi đến Charles trước, sau đó Charles hoạt động như một máy khách đầy đủ cho máy chủ đích. Đối với HTTPS, Charles sử dụng kỹ thuật proxy SSL riêng: nó tạo chứng chỉ ngay lập tức cho mỗi tên miền, được ký bởi chứng chỉ gốc của Charles. Nếu chứng chỉ gốc được cài đặt trên thiết bị như đáng tin cậy, Charles có thể giải mã và xem lưu lượng HTTPS.

Các chế độ hoạt động

Charles hỗ trợ hai chế độ: Proxy(máy chủ proxy cổ điển) và SOCKS Proxy(cho lưu lượng UDP và TCP). Đối với phát triển web, sử dụng proxy HTTP tiêu chuẩn. Đối với thiết bị di động — cấu hình WiFi Proxy trên thiết bị với địa chỉ IP của máy tính đang chạy Charles. macOS hỗ trợ cấu hình proxy tự động cho trình mô phỏng iOS.

<!-- Cấu hình network_security_config.xml cho Android với hỗ trợ Charles -->
<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <debug-overrides>
        <trust-anchors>
            <!-- Tin tưởng chứng chỉ Charles trong bản Debug -->
            <certificates src="user" />
        </trust-anchors>
    </debug-overrides>
</network-security-config>

Các tính năng chính của Charles Proxy

Charles Proxy cung cấp một bộ công cụ chuyên nghiệp để phân tích và sửa đổi lưu lượng vượt xa việc chặn yêu cầu đơn giản.

Rewrite và Breakpoints

Công cụ Rewrite cho phép tự động thay đổi một số phần nhất định của yêu cầu hoặc phản hồi: tiêu đề, tham số URL, nội dung phản hồi. Ví dụ: bạn có thể thay thế tiêu đề User-Agent bằng giá trị từ thiết bị khác hoặc xóa một số cookie nhất định. Breakpoints hoạt động như một trình gỡ lỗi: yêu cầu dừng lại ở giai đoạn đã chọn (trước khi gửi hoặc trước khi nhận) và nhà phát triển có thể thay đổi thủ công nội dung của nó trước khi nó tiếp tục. Điều này hữu ích để kiểm tra xử lý các phản hồi lỗi hoặc trạng thái không chuẩn.

Map Local và Map Remote

Map Local cho phép thay thế tài nguyên mạng (CSS, JS, JSON) bằng tệp cục bộ từ đĩa. Điều này không thể thiếu trong phát triển frontend: bạn có thể sửa đổi CSS/JS và thấy kết quả ngay lập tức mà không cần triển khai lên máy chủ. Map Remote chuyển hướng yêu cầu từ URL này sang URL khác — ví dụ: từ máy chủ sản xuất sang staging để kiểm tra. Cả hai công cụ đều hoạt động với các mẫu URL hỗ trợ ký tự đại diện.

Throttle và mô phỏng điều kiện mạng

Công cụ Throttle cho phép mô phỏng các loại kết nối mạng khác nhau bằng các hồ sơ đặt trước: 3G, EDGE, GPRS, DSL, WiFi. Bạn có thể cấu hình giới hạn tốc độ (tải xuống/tải lên), độ trễ, mất gói và độ ổn định. Điều này rất quan trọng để kiểm tra hành vi của ứng dụng khi kết nối chậm hoặc không ổn định — xử lý timeout chính xác, logic thử lại, chế độ ngoại tuyến.

Auto Save và Recording

Charles có thể tự động lưu các phiên lưu lượng vào tệp .chls, cho phép bạn phân tích chúng sau này hoặc chia sẻ với đồng nghiệp. Recording Control cho phép bạn cấu hình linh hoạt lưu lượng cần lưu: theo tên miền, loại nội dung hoặc mã trạng thái. Điều này thuận tiện cho việc giám sát API dài hạn.

Thiết lập Charles Proxy cho thiết bị di động

Để gỡ lỗi lưu lượng ứng dụng di động, Charles được cấu hình như một WiFi Proxy: tất cả các thiết bị trên cùng mạng với máy tính có thể định tuyến lưu lượng qua Charles. Cấu hình HTTPS chính xác yêu cầu cài đặt chứng chỉ Charles trên thiết bị di động.

Thiết lập trên Android

Đối với Android: mở Settings → WiFi → Advanced → Proxy, chọn Manual và nhập địa chỉ IP của máy tính với cổng 8888. Sau đó mở trình duyệt trên thiết bị và truy cập http://chls.pro/ssl để tải chứng chỉ Charles. Trên Android 7+ (API 24+), cần có network_security_config.xml để tin tưởng chứng chỉ người dùng trong bản Debug — nếu không, ứng dụng có thể không định tuyến lưu lượng qua Charles.

Thiết lập trên iOS

Đối với iOS: Settings → WiFi → cấu hình proxy với IP và cổng 8888. Sau đó Safari → http://chls.pro/ssl → cài đặt hồ sơ chứng chỉ. Trên iOS 10.3+, bạn cần thêm bước bật tin tưởng chứng chỉ: Settings → General → About → Certificate Trust Settings → bật Charles Proxy. iOS khắt khe hơn về chứng chỉ: một số ứng dụng có thể sử dụng SSL Pinning, chặn lưu lượng qua Charles ngay cả với chứng chỉ đáng tin cậy.

Giải quyết vấn đề SSL Pinning

Nếu ứng dụng sử dụng SSL Pinning(gắn chứng chỉ máy chủ), proxy tiêu chuẩn qua Charles sẽ không hoạt động — ứng dụng sẽ từ chối chứng chỉ Charles. Giải pháp: tắt SSL Pinning trong bản Debug qua cài đặt OkHttp hoặc URLSession, sử dụng Frida để vượt qua pinning trong thời gian chạy, hoặc sử dụng Android Emulator với quyền root.

Các trường hợp sử dụng thực tế của Charles Proxy

Charles Proxy giải quyết các tác vụ phát triển và kiểm thử cụ thể. Hãy xem các kịch bản phổ biến nhất mà công cụ này không thể thiếu.

Gỡ lỗi tích hợp API

Kịch bản phổ biến nhất — kiểm tra tính chính xác của yêu cầu API. Charles hiển thị URL yêu cầu chính xác, tiêu đề, nội dung và tham số. Nếu máy chủ trả về phản hồi không mong đợi, bạn thấy ngay lập tức: cấu trúc JSON, mã lỗi, tiêu đề phản hồi. Điều này cho phép phân biệt lỗi phía máy khách với lỗi phía máy chủ mà không cần nhật ký từ cả hai phía.

Kiểm tra với kết nối chậm

Sử dụng hồ sơ Throttle, bạn có thể kiểm tra cách ứng dụng hoạt động với tốc độ kết nối thấp: chỉ báo tải có được hiển thị không, timeout có được xử lý chính xác không, UI có bị đóng băng khi mất kết nối không. Đặc biệt quan trọng là kiểm tra bộ nhớ đệm — nếu dữ liệu đã được tải, ứng dụng sẽ hiển thị dữ liệu từ bộ nhớ đệm thay vì rơi vào trạng thái tải vô hạn.

Chỉnh sửa phản hồi máy chủ

Sử dụng Breakpoints, bạn có thể sửa đổi phản hồi máy chủ trước khi nó được gửi đến ứng dụng. Ví dụ: trả về mảng rỗng thay vì dữ liệu, thay đổi mã trạng thái thành 500, thêm trường mới vào JSON. Điều này cho phép kiểm tra xử lý các trường hợp biên mà không cần sửa đổi mã máy chủ — một trong những ứng dụng mạnh mẽ nhất của Charles trong phát triển di động.