Is there any way to get dynamicly React Native packager ip with port or full path to bundle - jsCodeLocation through JavaScript code? It can be localhost:8081 or 192.168.0.1.xip.io:8081. It depends on the running device - simulator or real device

Is there any way to get dynamicly React Native packager ip with port or full path to bundle - jsCodeLocation through JavaScript code? It can be localhost:8081 or 192.168.0.1.xip.io:8081. It depends on the running device - simulator or real device

• javascript
• react-native

• For now, I found it here in javascript console __fbBatchedBridgeConfig.remoteModuleConfig[2][1].scriptURL – artem_russkikh Commented Oct 7, 2016 at 7:12
• This working only in remote chrome debugging – artem_russkikh Commented Oct 7, 2016 at 8:18

3 Answers 3

I found NativeModules in ReactNative source code and discover scriptURL here:

import { NativeModules } from 'react-native';

...

const scriptURL = NativeModules.SourceCode.scriptURL;
const address = scriptURL.split('://')[1].split('/')[0];
const hostname = address.split(':')[0];
const port = address.split(':')[1];

It works on simulator and device!

import { NativeModules } from 'react-native';
import url from 'url';

const { hostname } = url.parse(NativeModules.SourceCode.scriptURL);

2024 Updated version on 0.73 - TurboModules - New Architecture enabled

const SourceCode = TurboModuleRegistry.getEnforcing("SourceCode");
const scriptURL = SourceCode.getConstants().scriptURL;
const address = scriptURL.split('://')[1].split('/')[0];
const hostname = address.split(':')[0];
const port = address.split(':')[1];