前置:
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/
网友评论