苹果手机跑RN项目，如果IP换了，教你如何能跑起来

生成jsbundle

1.进入rn项目的ios工程文件夹，找到和rn项目同名的文件件，打开AppDelegate.m文件，将这一行注释掉(为了方便真机和模拟器间的切换，尽量注释)：

/*jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];*/

再加一行：

如果需要切换回模拟器调试，只需要将新加这行注释掉，并恢复上面的原代码即可。

新加这行代码大概意思就是告诉native rn代码的入口，我们会在下一步生成这个jsbundle。(如果改成这种形式，无论怎么修改代码，运行app，都是运行打包时的安装包)

jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"index" withExtension:@"jsbundle"];

2.打开终端，进入你的rn工程，在项目根目录下执行bundle命令：

react-native bundle --entry-file ./index.js --bundle-output ./ios/bundle/index.jsbundle --platform ios --assets-dest ./ios/bundle --dev false

参数说明：

--entry-file 指定入口文件 因为要打包ios平台，所以指定为rn项目的index.js作为入口

--bundle-output 指定输出的jsbundle文件路径和文件名 指定到rn项目的ios工程文件夹下，记得一定要先创建bundle文件夹，不然终端会报文件夹找不到的错误

--platform 指定平台类型

--assets-dest 指定资源文件夹路径 assets文件夹的路径，包含图片、node模块等资源

--dev 是否为开发模式 如果设置为false，不会产生警告，并且bundle会被压缩

还有其他命令，比如：transformer、prepack、bundle-encoding等，可以到官网查看具体介绍。

 

3.bundle生成完成后，终端会有类似提示：

 4.用Xcode打开项目，项目右键：会有个add Files to '项目名'，把assets和index.jsbundle导入到项目中即可，如下图所示