React-Native频繁修改IP，烦吗

最新推荐文章于 2021-05-28 05:45:02 发布

木木少烈

最新推荐文章于 2021-05-28 05:45:02 发布

阅读量3.5k

点赞数

分类专栏： RN 文章标签： rn ios react native

本文链接：https://blog.csdn.net/linshaolie/article/details/50410051

版权

本文介绍了如何解决React-Native在开发过程中因频繁切换设备而导致的IP地址修改问题。通过Objective-C宏判断运行环境，结合XCode编译时运行脚本动态获取IP并写入plist文件，实现了在debug和release模式下自动设置IP，同时解决了在真机和Chrome上Debug的需求。但可能存在的问题是，当有多个IP时选择不准确，目前采用暴力检索方法解决。

摘要由CSDN通过智能技术生成

React-Native 开发中，从模拟器切换到真机你必须要做的是：打开AppDelegate.m，将jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];修改为jsCodeLocation = [NSURL URLWithString:@"http://【你的IP】:8081/index.ios.bundle?platform=ios&dev=true"];，从真机切换到模拟器，你又得修改一次，如此反复。更烦的是，团队开发的时候，有人不小心把他的IP push上去了，你pull下来的时候一编译运行，怎么自己修改的JS代码都不起作用呢？然后各种log，最后发现，尼玛，连接到别人IP去了。反正就是各种坑。
如果你也遇到以上的问题，那就继续看下去哈。
解决这个问题，其实很简单，只要我们判断一下如果是在模拟器上运行的话就用localhost，如果是真机的话就是用计算机的IP，Objective-C 也为我们提供了这样一个宏：TARGET_OS_SIMULATOR 用来判断是否是在模拟器上运行，所以我们可以很简单的写出下面的代码：

#if TARGET_OS_SIMULATOR
  jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];
#else
#warning "DEBUG DEVICE"
  NSString *serverIP = 【你的IP】;
  NSString *jsCodeUrlString = [NSString stringWithFormat:@"http://%@:8081/index.ios.bundle?platform=ios&dev=true", serverIP];
  jsCodeLocation = [NSURL URLWithString:jsCodeUrlString];
#endif

这样，就完成了。但是如果是 release 的话想使用打包的文件咋办？我们可以直接判断：如果是在 debug 下的话就是用上面的代码，否则则是用