Với Breakpoint, bạn có thể chặn API để sửa Request và Response.

Tình huống đơn giản nhất mà mình đang áp dụng với breakpoint là sửa đổi giá trị của yêu cầu hoặc phản hồi để xem liệu quá trình xử lý giao diện có như mong đợi trong những trường hợp cụ thể hay không?

Đầu tiên cần kết nối Charles và device, các bạn có thể xem hướng dẫn cụ thể trong bài viết trước của mình đây nhé: Hướng dẫn cài đật và kết nối charles

Bước 1: Đầu tiên cấn xác định URL có element bạn cần chỉnh sửa thông tin là gì

Hình 1: Xác định element muốn sửa

Trong ví dụ này mình sẽ chỉnh sửa thông tin text ở button đầu tiên

Khi mở đến màn hình này, app sẽ gọi đến API v1.0/pickup

Khi click vào value của trường URL như Ảnh 2, sẽ có cửa sổ khác mở ra. Tại đây sẽ cho phép bạn copy URL cho chính xác của API đang gọi

Hình 2: Xác định url

Bước 2: Breakpoint settings

Tiếp theo, bạn chọn Proxy > Breakpoint Settings

Hình 3: Proxy > Breakpoint Settings

Cửa sổ Breakpoints Settings sẽ xuất hiện như Hình 4:

Hình 4: Breakpopint settings

(Có thể tuỳ chọn enable/ disable Breakpoints ở màn hình chính bằng biểu tượng ở nơi mũi tên như hình bên dưới.)

Tại đây cửa sổ Edit Breakpoint sẽ hiện ra. Điền tên đường dẫn bạn muốn chặn vào trường Host. Chọn phương thức GET/ POST của API đó. Khi đó, URL của API sẽ tự phân vào những trường tương ứng. Nhập Host và path như hướng dẫn trên Hình 4.

Click chọn Request nếu muốn chặn Request, chọn Response nếu muốn chặn response. Có thể chọn cả Request và Response nếu muốn chặn cả 2. Khi đó API sẽ được đưa vào list API của Breakpoint như Hình 5:

Hình 5: Danh sách API được breakpoint

Sau các bước dài dòng từ Hình 2 đến HÌnh 5 thì bạn có thể thao tác nhanh bằng cách click chuột phải tại url > Breakpoints

Hình 5.1: breakpoint setting nhanh

Bước 3: Edit response

Giờ đây, hãy quay trở lại màn hình chính và cho chạy trên app/ web về đoạn API bạn muốn Breakpoint. Khi gọi đến API đó, màn hình bên dưới sẽ hiện ra, Ở đây mình sẽ thực hiện Edit response.

Sau khi chọn tab Edit response, sẽ có nhiều định dạng để xem phần response trả về, ở đây mình sẽ chọn định dạng JSON Text

Hình 6: Tìm element cần chỉnh sửa

Giá trị mà mình muốn sửa ở hình 1 tương ứng với element race_name_short. Bạn click vào element và thay đổi sang một giá trị khác mà mình mong muốn, sau đó Click Execute để thực thi.

Hình 7: Chỉnh sửa response và thực thi

Lúc này trên màn hình app sẽ hiển thị những thông tin theo phần Response mà mình đã thay đổi:

Hình 8: Màn hình App sau khi Edit Response

Vậy là ở Phần 2 này mình đã hướng dẫn bạn cách Breakpoint cho Response. Ở Phần 3 mình sẽ chia sẻ thêm bài về Breakpoint cho Request.