I only cover how to debug the traffic of your connected iOS tool with Proxyman, for example, and not with Charles Proxy (though it’s possible).Īdditionally, some debugging use cases are only possible on real devices thus, I’ll show you two handy tools for iOS and Android development to mirror the device screens on your machine. My goal is not to cover every possible use case with every tool, but to show you different scenarios with different tools in order not to drag out the article unnecessarily. For debugging encrypted network traffic for iOS, I cover Proxyman and Charles Proxy, and for Android, HTTP Toolkit and Proxyman (I skip Charles Proxy even though this is supported). This article describes the handy local proxy tools Charles Proxy, HTTP Toolkit, and Proxyman. The focus is on inspecting and rewriting network traffic between your app and server.Īt the end of this article, you will have learned that debugging network traffic for Android apps has its limits depending on the selected development approaches, such as Expo managed workflow, ejecting from the Expo managed approach, or React Native CLI. This article covers additional tools for React Native that enable debugging capabilities the shipped React Native Developer Tools don’t offer. In contrast to native development, however, this approach has its limits with regards to debugging network communication. You can combine this with the stand-alone React Developer Tools. React Native application code can be analyzed with the inspector, profiler, and remote debugger, all accessed by the in-app development menu.

This is where React Native comes into play. How to debug encrypted network traffic in React NativeĪlthough it has the potential to provide the best UX for users, developing iOS and Android apps natively usually isn’t an option for JavaScript developers. My fire for web development still blazes. Sebastian Weber Follow Frontend developer from Germany.

Android emulator mac expo