React Native工程离线运行(ios)
来源:互联网 发布:淘宝水印logo在线制作 编辑:程序博客网 时间:2024/06/03 03:14
React Native工程离线运行的重点是将index.ios.bundle文件保存在机器本地,index.ios.bundle文件是工程编译后的js文件的打包,index.ios.bundle 将被 packager服务器 创建。。
纯RN工程
纯RN工程在工程创建好后就XCode目录中就包含了main.jsbundle文件,只不过文件是不存在的(XCode文件名红色),这个文件就是编译的时候由packager服务器打包好的index.ios.bundle文件。
修改AppDelegate.m中的jsCodeLocation
注释掉
jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];
取消注释
jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
打包
纯RN工程离线运行只要按照正常的流程打包app即可,因为index.ios.bundle在打包过程中会自动生成并绑定到main.jsbundle,离线运行时就会根据jsCodeLocation找到js文件了。
混编工程
由于混编工程一开始是由XCode创建的,并不存在main.jsbundle文件,因此需要手动generate。
生成本地main.jsbundle
在项目根目录下执行
curl http://localhost:8081/index.ios.bundle -o main.jsbundle
如果curl命令执行失败,请确保服务器已开启,否则提示8081端口8081无法连接。
执行成功后工程目录中就多了main.jsbundle文件,然后将他拖到XCode中。
设置jsCodeLocation指向本地main.jsbundle文件
jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
打包
也是正常的打包流程。
其他
如果不希望在离线时调试,确保打包之前将scheme中的archive模式设置成release,这样就不会弹出调试菜单了。
0 0
- React Native工程离线运行(ios)
- react native 离线ios
- 【React Native】iOS离线打包
- 【React Native】iOS离线打包
- react-native IOS离线版安装
- 运行 React Native 的默认工程 UIExplorer
- 运行 React Native 的开源工程
- React-Native 工程添加推送功能 (iOS 篇)
- React-Native离线打包
- React native ios 打包到手机运行
- react-native运行ios报错总结
- Reactive-Native学习:iOS工程内嵌React-Native(一)
- Reactive-Native学习:iOS工程内嵌React-Native(二)
- react-native 打离线包之iOS篇
- 【react-native-0.31-iOS】iOS集成react-native(01)
- react-native 打离线包
- react-native工程 打包
- React-Native 工程添加推送功能 (iOS 篇)
- 【java】万年历
- selenium之三,各种driver
- java 处理输入数据
- 【Java】分解质因数 解析与实现
- 对于HDFS的了解和认识
- React Native工程离线运行(ios)
- viewpage+fragment的简单实现
- 个人统计
- 常用shell命令
- 【Java】素数 解析与实现
- 【选择图片Jar】开篇预警(一)
- 开发工具
- 机构统计
- Android从服务器下载文件