Tagging Testing for Android, iOS and Web

1. Set Charles on Laptop
2. For Android App
3. For iOS App
4. For Web Application

1. Set Charles on Laptop
(1) Open the "Charles" ,click “Help->SSL Proxying ->Install Charles Root Certificate" install the certificate.

​​​​​​​ 

(2) Select “Charles Proxy CA” certificate, click ”Trust->Always Trust”.

 

(3) Click “Proxy-> Proxy Settings” ,input port . And select "Enable transparent HTTP proxying"

 

 

(4) Click “Proxy-> SSL Proxy Settings”,Set the URL to be monitored (all URLs are monitored here).

 

(5) When using charles to proxy mobile phone, you need to disconnect the computer VPN.
(6) click “Help->SSL Proxying ->Install Charles Root Certificate on a Mobile Device or Remote Browser“ .

 

(7) see the IP and Port in the popUp.

 

2. For Android App
(1) Use Android mobile connect to the same wifi as the computer and configure the proxy

Proxy: Mannual.
Hostname: input IP in the popUp of Charles. Port: input Port in the popUp of Charles.

 

(2) When saving for the first time, a message box will appear in charles, Click "Allow".

 

(3) Use your mobile browser to access the "chls.pro/ssl" URL and download the Charles certificate.

(4) Install the downloaded Charles certificate.

Install the certificate from the “CA certificate” portal.
Install the certificate from the “Certificate” portal.
Install the certificate from the “Wlan Settings-> install certificates” portal.

  

 

(5) Turn off mobile (traffic) network, keep only wifi connection.

(6)Go to this link to downloade internal app on your mobile

(7) Open  app , you can click “Recording” button to get response data on Charles by visiting  app on your mobile.

3. For iOS App
(1) Use IOS mobile connect to the same wifi as the computer and configure the proxy.

Proxy: Mannual
Hostname: input IP in the popUp of Charles Port: input Port in the popUp of Charles

(2) When saving for the first time, a message box will appear in charles, Click "Allow".

(3) Use your mobile browser to access the "chls.pro/ssl" URL and download the certificate.

 

(4) Install the downloaded and trust Charles certificate
click “Setting->Profile Downloaded” , Install Charles certificate.

 

click ”Setting->General->About->Certificate Trust”, trust Charles certificate.

 

(5) Get IOS app from TestFlight on your Ios mobileHow to get the permission to download the app on the TestFlight, please refer to the NOTICE at the end of the article

(6) Turn off mobile (traffic) network, keep only wifi connection.Then you can click “Recording” to get response data on Charles by visiting app on your mobile.

4. For Web Application
(1) Open test url 
(2) Select "Right click -> inspect"( or F12 key),Open developer tools

3.Select "Networkinput 'omt'AllPayload",check tagging