Tìm hiểu Charles và Fiddler Web Debugging

Chúng tôi vui mừng chia sẻ kiến thức về từ khóa Fiddler la gi để tối ưu hóa nội dung trang web và tiếp thị trực tuyến. Bài viết cung cấp phương pháp tìm kiếm, phân tích từ khóa và chiến lược hiệu quả. Cảm ơn sự quan tâm và hãy tiếp tục theo dõi để cập nhật kiến thức mới.

Charles/Fiddler là một web proxy (HTTP Proxy / HTTP Monitor) được chạy trên PC. Được cho phép các web browsers của bạn được thiết lập để truy cập internet thông qua Charles, vì vậy Charles có thể bắt được những gói tin và hiển thị cho tất cả chúng ta tất cả dữ diệu gửi đi (request) và nhận (response). Vì vậy Charles là dụng cụ rất hữu ích cho việc debug cho Developer. Nếu QA chỉ có screenshots và video thì không thể nào thấy được những gì đang rất được gửi và nhận giữa web browsers và server. Nên việc lấy log Charles là rất cấp thiết, giúp Dev có thể biết được những gì đang xẩy ra và có thể chuẩn đoán và sửa chữa vấn đề dễ dàng hơn.

Bạn Đang Xem: Tìm hiểu Charles và Fiddler Web Debugging

Một số chức năng chính của Charles

  1. SSL Proxying – xem SSL requests and responses
  2. Bandwidth Throttling – dùng để làm test với những đường truyền khác nhau
  3. AJAX debugging – xem XML and JSON requests and responses theo hình thức cây thư mục hoặc dạng text
  4. Repeat requests to test back-end changes
  5. Edit requests – để test nhiều inputs
  6. Breakpoints để chỉnh sửa requests và responses

Một số chức năng chính của Fiddler

  1. Web Debugging
  2. Performance Testing
  3. HTTP/HTTPS Traffic Recording
  4. Web Session Manipulation
  5. Security Testing
  6. Customizing Fiddler

Trong nội dung bài viết này mình sẽ chỉ đề cập đến những chức năng QA hay dùng và hướng dẫn cách lấy log với Charles, phần Fiddler thì cách dùng cũng tưởng tự Charles nên tôi chỉ đề cập đến Charles:

a. Config browsers

Xem Thêm : Rush B là gì – Thuật ngữ cần biết khi tham gia các tựa game online

Để Charles có thể bắt được những gói tin từ trình duyệt thì trước hết mình phải config proxy của trình duyệt như sau:

Mở Charles, và mở màn truy cập internet từ trình duyệt, trên Charles tất cả chúng ta có thể thấy được thông tin của nhiều gói tin:

b. Config devices

Để thiết lập device truy cập internet thông qua Charles, bạn phải mở Charles trên PC và trỏ device đến PC của bạn. Thiết lập IP của PC trên devices, port là 8888. Mỗi device sẽ sở hữu cách thiết lập khác nhau. Ở đây là thiết lập trên iOS devices

Sau khoản thời gian thiết lập thành công trên Charles sẽ thông tin có thiết bị truy cập, bạn chọn “Allow” để đồng ý được chấp nhận truy cập

Hiện giờ, devices của các bạn sẽ truy cập internet thông qua Charles.

c. Get log

Xem Thêm : Genshin Impact là gì? Bách khoa toàn thư về Genshin Impact dành cho người mới

Việc của bạn sau khoản thời gian làm lại tất cả steps thì get log và gửi cho Dev. Chọn File > Save sesion as > Chọn lưu file dưới format .chls

Để đảm bảo ứng dụng có thể chạy hoặc tải về app trong các xét tuyển mạng nhất định, thì bạn cần phải kiểm tra trong nhiều tốc độ mạng khác nhau. Và Charles với chức năng Bandwidth throttling được chấp nhận bạn thiết lập băng thông thích hợp để test. Chọn Proxy > Throttling Settings…> Bạn chọn Enable Throttling và lựa chọn gói mạng phù hợp để kiểm tra

Như các proxy khác, Charles có thể chặn một số truy cập với chức năng Back List.

Khi truy cập vào những trang nằm trong list đen sẽ bị Charles từ chối

Trên đây là một vài hướng dẫn để sở hữu thể lấy được log của web trên PC và devices. Charles/Fiddler còn rất hữu ích cho việc Test Services, developing, tesing. Hy vọng nội dung bài viết có thể giúp ích cho mọi người.

You May Also Like

About the Author: v1000