[Debugging] Please make debug port (8081) configurable

Port 8081 is currently used by react-native as the debugging port in the following files:

Libraries/RCTTest/RCTTestRunner.m
Libraries/WebSocket/RCTWebSocketExecutor.m
React/Base/RCTRedBox.m
React/React.xcodeproj/project.pbxproj

Unfortunately there are other services that might use 8081, i.e. McAfee:

Port	Default	Description	Traffic direction
Agent wake-up communication port SuperAgent repository port	8081	TCP port that agents use to receive agent wake-up requests from the ePO server or Agent Handler…	Inbound connection from the ePO server/Agent Handler to the McAfee Agent…

See https://kc.mcafee.com/corporate/index?page=content&id=KB66797

Another reason for having a configurable react-native debug port is that I often work on two react-native projects in parallel, i.e. my own project plus UIExplorer. But both react-native apps collide, because both want to use port 8081.

Please make react-native’s debug port configurable in order to avoid conflicts with other services.

[ktonon]

I couldn’t figure out how to get this working following any of the solutions I found online. I found the only reliable way was to replace all occurrences of the hard coded port in the react-native package.

I published an npm package to do this: https://github.com/ktonon/react-native-port-patcher

Just install it as a dependency, then add a script for postinstall setting it to react-native-port-patcher --new-port=8088 (or whatever port you want). You can leave out the --new-port as 8088 is the default.

[haitang3009]

Hello there,

I have fixed this issue by the step below: if you installed McAfee antivirus, the default port of McAfee log is 8081. You should manual change the port of your react native server

Step 1: go to <your app>\node_modules\react-native\local-cli\server\server.js and change the port 8081 to 8088

const args = parseCommandLine([{ command: ‘port’, default: 8088, type: ‘string’, }

Step 2: Create an “assets” folder under “android/app/src/main”

Step 3: in node.js run “react-native start” and navigate to the url “http://localhost:8088/index.android.bundle?platform=android”

Step 4: save the bundle to assets folder and you are all set. in node.js run “react-native run-android” to view the result

Regards,

Hai Tang