https://github.com/chunkhang/react-native-ios-debug-bridge

Debug server host and port for React Native iOS
https://github.com/chunkhang/react-native-ios-debug-bridge

Last synced: 27 days ago
JSON representation

Debug server host and port for React Native iOS

• Host: GitHub
• URL: https://github.com/chunkhang/react-native-ios-debug-bridge
• Owner: chunkhang
• License: mit
• Created: 2019-09-03T17:21:40.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2019-09-04T16:19:05.000Z (about 5 years ago)
• Last Synced: 2024-10-13T03:32:01.875Z (about 1 month ago)
• Language: Objective-C
• Size: 236 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-native-ios-debug-bridge

![npm version][npm]

![MIT license][mit]

> Debug server host and port for React Native iOS

## Installation

Firstly, install the package:

```

npm install --save react-native-ios-debug-bridge

```

Then, link the iOS dependency:

```

react-native link react-native-ios-debug-bridge

```

You should see something like this added to your `Podfile`:

```

pod 'SCDebugBridge', :path => '../node_modules/react-native-ios-debug-bridge'

```

Now, you just need to run:

```

pod install

```

Finally, update the return value of `sourceURLForBridge` for debug mode

in `AppDelegate.m`:

```objc

#import "SCDebugBridge.h"

- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge

{

#if DEBUG

  NSDictionary *ipAndPort = [SCDebugBridge getIpAndPort];

  return [NSURL URLWithString:[NSString stringWithFormat:@"http://%@:%@/index.bundle?platform=ios&dev=true&minify=false", ipAndPort[@"ip"], ipAndPort[@"port"]]];

#else

  return [CodePush bundleURL];

#endif

}

```

## Usage

1. Shake the device, or use `Command + D` if it's a simulator, to launch

the menu.

2. Click on `Debug Server Host & Port` to spawn the dialog.

3. Enter the IP address.

4. Click `Reload`.





## Acknowledgement

The original source code is from the [Aevit/SCRNDemo][scrn-demo]

repository. I just modified it to make it easier to install as a

package.

[npm]: https://img.shields.io/npm/v/react-native-ios-debug-bridge

[mit]: https://img.shields.io/github/license/chunkhang/react-native-ios-debug-bridge

[scrn-demo]: https://github.com/Aevit/SCRNDemo