Giới thiệu về Charles Proxy

Bài đăng này đã không được cập nhật trong 3 năm

1. Giới thiệu tổng quát về Charles Proxy:

1.1. Charles Proxy là gì?

Charles Proxy là tool cho phép mình có thể nhìn thấy được traffic từ trình duyệt hoặc mobile app tới internet/server, bao gồm request, response, header.

1.2. Mục đích của Charles Proxy:

Check khi mở app lên nó gọi api nào, nó gọi mấy lần, gửi gì lên server.
Check xem bị duplincate request với test phía server.
Charles còn có thể chỉnh tốc độ mạng, cho phép test ứng dụng trong điều kiện mạng lag, mất kết nối.

2. Cài đặt Charles Proxy:

Để cài đặt Charles cần:

Bước 1: Truy cập vào đường link https://www.charlesproxy.com và download file installer về máy.

Bước 2: Khởi động installer đã down về, hoàn thành theo chỉ dẫn:

Bước 3: Khởi động Charles:

Bước 4: Gói Charles free cho 30 ngày, vào đây để mua license nhé. Sau đó thì đi tới Help > Register Charles... > Điền Register Name và License Key để đăng ký rồi restart lại Charles.

1.1. Configure Charles And Environment

Phần set up Charles và môi trường là phần vô cùng quan trọng. Nếu bạn set up môi trường không đúng hoặc không đầy đủ, điều tất yếu là bạn sẽ chả thể làm việc được với nó. Để giúp bạn có thể kiểm tra liệu mình đã set up đúng chưa, thì sau đây là checklist các bước mình sử dụng:

Config Proxy

Bật macOS Proxy cho Charles
Config proxy cho device

Config Proxy

Proxy là một Internet server làm nhiệm vụ chuyển tiếp thông tin và kiểm soát tạo sự an toàn cho việc truy cập Internet của các máy client. Khi sử dụng Charles trên máy Mac, bạn cần config cho Charles sử dụng macOS Proxy.

Enable macOS Proxy for Charles

Lần đầu sử dụng Charles bạn sẽ được tự động hỏi về việc cấp quyền macOS Proxy như sau. Chọn Grant Privileges và nhập user name và password:

Sau khi enable macOS Proxy cho Charles, dấu tick sẽ xuất hiện bên cạnh mục View > macOS Proxy như thế này:

Nếu bước trên bạn chọn Not yet trong lúc cài đặt Automatic macOS Proxy Configuration, lần tới bạn có thế cài đặt thông qua View > Proxy Settings....

Config proxy cho iOS Device

Khi bạn chọn debug app của bạn trên real device cùng với Charles, bạn cần phải trỏ HTTP Proxy của device đến máy tính mà bạn đang sử dụng. Lưu ý: Máy tính và điện thoại của bạn phải xài cùng wifi. Config cho device như sau:

Vào Settings > Wifi.
Chọn network đang kết nối tới.
Chọn Config Proxy.
Chọn Manual và điền vào form, trong đó:

Server: Địa chỉ IP của máy tính đang chạy Charles
Port: Cổng mà Charles chạy (thường là 8888)
Authentication: Off

Để biết local IP của máy tính, vào Help > Local IP Address.

Tiếp tục, config access control cho máy mac như sau: Vào Proxy > Access Control Settings… để cho phép các device được phép kết nối với Charles bằng cách thêm mới.

Lưu ý: Sau khi testing và debug trên device xong, nhớ setting lại wifi của device, bằng cách vào Setting > Wifi, chọn wifi sử dụng, chọn Config Proxy > Off. Nếu không làm vậy thì điện thoại của bạn không xài wifi được đâu.

3. Application Interface

Các nút thông dụng:

Clear the current session:

Session chứa tất cả các thông tin được ghi lại.
Khi session đầy/busy, có thể clean session.

Start/stop recording:

Record là chức năng căn bản của Charles.
Request và response được lưu lại vào session hiện tại chỉ khi chức năng Record bật. . Request hiển thị trên màn hình session khi nó được lưu lại. Có thể xem request ở 2 chế độ: Structure và Sequence.

Start/stop throttling: Điều chỉnh băng thông
Enable/Disable breakpoints: Bật breakpoint để debug request/response
Compose: Soạn một request mới
Repeat: Thực hiện lại request được chọn
Tool: Active/deactive các tool như