ReactNative开发调试，解决iOS端频繁修改IP的问题

前置：

Xcode 9.2

ReactNative: 0.49.5

问题：

    在RN的IOS开发中，在使用真机调试的时候，在获取bundle资源的时候需要修改为当前的电脑IP地址，当然这个iP是内网IP，不是外网IP。

    如果是单人开发还好，不会有什么问题；但是多人协同开发的时候，每个人的电脑IP是不一样的，导致有人pull代码到git后，别人拉代码后就会导致冲突，每次都浪费时间去解决这些无用的工作；

jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];

或

jsCodeLocation = [NSURL URLWithString:@"http://192.XXX.XXX.XX:8081/index.ios.bundle?platform=ios&dev=true"];

这时候去网上一搜，发现大家都遇到了同样的问题，然后就发现还是有解决办法的。

下面给出解决步骤：

1.首先打开Xcode工程，点击工程进入配置页面：

2.然后选中Tagets项目 -> Build Phases -> 点击 +  -> New Run Script Phase，如下图

3.然后在新建的脚步里面加入如下代码：

INFOPLIST="${TARGET_BUILD_DIR}/${INFOPLIST_PATH}"

echo "writing to $INFOPLIST" PLISTCMD="Add :SERVER_IP string $(ifconfig | grep inet\ | grep -v 127.0 | head -1 | cut -d " " -f 2)"

echo -n "$INFOPLIST" | xargs -0 /usr/libexec/PlistBuddy -c "$PLISTCMD" || true PLISTCMD="Set :SERVER_IP $(ifconfig | grep inet\ | grep -v 127.0 | head -1 | cut -d " " -f 2)"

echo -n "$INFOPLIST" | xargs -0 /usr/libexec/PlistBuddy -c "$PLISTCMD" || true

4. 在去AppDelegate的入口文件里面修改获取bundle路径代码了

OK，跑起来看看吧！

基本原理就是在编译跑起来的时候，会动态的把当前IP地址写入plist文件中，我们在使用的时候直接去拿就行了

问题：

    发现网上也有，但是我发现其他网上拿到的是外网IP或者无法拿到IP，所以我自己稍微改了一下脚本命令：

别的网上发现的：

INFOPLIST="${TARGET_BUILD_DIR}/${INFOPLIST_PATH}"

echo "writing to $INFOPLIST" PLISTCMD="Add :SERVER_IP string $(ifconfig | grep inet\\ | tail -1 | cut -d " " -f 2)"

echo -n "$INFOPLIST" | xargs -0 /usr/libexec/PlistBuddy -c "$PLISTCMD" || true PLISTCMD="Set :SERVER_IP $(ifconfig | grep inet\\ | tail -1 | cut -d " " -f 2)"

echo -n "$INFOPLIST" | xargs -0 /usr/libexec/PlistBuddy -c "$PLISTCMD" || true  

我自己测试上面这个脚本在Mac上无法获取IP地址，原因是正则表达式里的 grep inet \\这里多了一个\

国外网上发现的：

INFOPLIST="${TARGET_BUILD_DIR}/${INFOPLIST_PATH}"

echo "writing to $INFOPLIST"PLISTCMD="Add :SERVER_IP string $(ifconfig | grep inet\ | tail -1 | cut -d " " -f 2)"

echo -n "$INFOPLIST" | xargs -0 /usr/libexec/PlistBuddy -c "$PLISTCMD" || truePLISTCMD="Set :SERVER_IP $(ifconfig | grep inet\ | tail -1 | cut -d " " -f 2)"

echo -n "$INFOPLIST" | xargs -0 /usr/libexec/PlistBuddy -c "$PLISTCMD" || true

这个拿到的是外网IP，因为正则表达拿到的就是外网IP，也不符合我的要求，我需要拿到时当前的内网IP

所以我的正则改为了：

ifconfig | grep inet\ | grep -v 127.0 | head -1 | cut -d " " -f 2

再次测试OK，拿到内网IP了，解决问题提交代码

参考链接：

https://moduscreate.com/blog/automated-ip-configuration-for-react-native-development/

https://github.com/facebook/react-native/issues/4245