Skip to content

xuwening/react-native-debug-server-host

Repository files navigation

Debug Server Host For iOS

更新(2017.10.12)

增加pod集成方式

解决根rootViewController不是navigation时,无法显示debugHost界面的bug

更新 (2017.6.20)

半年没关注 RN 发现变化还真不少,由于调试函数发生变化,这个库也需要更新下否则不起作用(最新RN版本0.45)。

如需兼容多版本,RN 版本判断下,然后设置RCTSwapInstanceMethods([RCTDevMenu class], @selector(_menuItemsToPresent), @selector(newMenuItems));中的@selector即可。

更新(2016.11.28)

增加了rnpm install react-native-DebugServerHost的支持。

更新(2016.11.15)

由于react native更换的URL的使用方式(增加了RCTBundleURLProvider类处理URL),所以旧的方式不再适应,进行新版本的改造,不再适配v0.29以下版本。新方式下只需输入IP地址,比较好输入,因此去掉了二维码扫描方式。

React Native服务器地址更换

运行时更换服务器地址,不用为更换调试服务器地址而频繁打包。android调试状态有更换服务器地址功能,而iOS不具备此功能,本库就是为iOS提供此功能。

集成

自动集成

npm install react-native-DebugServerHost --save

react-native link

pod集成

npm install react-native-DebugServerHost --save

podFile文件添加:

pod 'DebugServerHost', :path => '../node_modules/react-native-DebugServerHost'

pod install

手动集成:

直接将DebugServerHost文件夹添加到项目中即可,无需任何设置。

使用

模拟器使用Command+D,真实设备使用摇一摇即可唤出调试菜单,选择最后一项Debug server host就可以修改服务器地址了。

注意:修改完地址需要重新启动APP才能生效。

由于RN在debug模式下,会自动在安装包中添加ip.txt文件,保存开发机IP地址,并将main.jsbundle集成到APP中。首先通过IP地址去访问远程js脚本,如果没有找到,则使用安装目录中的main.jsbundle。但是目前在0.37版本中,第一步如果IP地址不正确,经常造成闪退。如果是这种情况,可以先把手机网络全关,打开APP加载本地main.jsbundle后再更换正确的服务器地址,或者更简单的方式删除app重新安装