文档章节

React Native 离线打包IOS版

Hui-Lee
 Hui-Lee
发布于 2016/06/27 14:35
字数 316
阅读 389
收藏 1

不多说直接上步骤了:

1. 启动本地serve,确定IOS项目下的AppDelegate.m文件下的localhost:8081能浏览器打开;

2.在浏览器中打开http://localhost:8081/projectiOS/ProjectIOSApp.ios.bundle?platform=ios&dev=false,下载到IOS根目录下,同时命名main.jsbundle

或者在CLI下执行 curl http://localhost:8081/projectiOS/ProjectIOSApp.ios.bundle?platform=ios&dev=false -o main.jsbundle

以上是把编译后的React Native JS 离线打包到IOS中;

3. 在Xcode中打开AppDelegate.m,注释option1,打开option2,即开启离线模式;

4.Xcode中,进入Product 》Schedule 》Edit Schedule, 修改Build Configuration 为release,即选择发布,去掉顶部的加载地址;

5.Xcode中,右击项目Add Files to "ProjectIOS", 添加main.jsbundle;

6. 模拟器安装测试,一般没有问题,有问题Google;

7. Xcode7.3可以无需IOS证书安装到iPhone Device;

8. 手机应用中设置信任,正常下就可以打开了,这样子就不用链接服务器调试了;

 

附:http://makeappicon.com/ 快速生成IOS图标(准备一张1024X024 png的图片),弹窗Donwload 右下角有个Later,关闭后就可以使用了

一个唬人的demo诞生了,祝您玩得愉快!

 

更多生产环境下,使用热更新(pushy) :)

 

© 著作权归作者所有

Hui-Lee
粉丝 10
博文 13
码字总数 4551
作品 0
信阳
程序员
私信 提问
ReactNative工程搭建和改造

官方教程,中文教程。网上也有很多其他资料,可自行搜索。 两种教程里都提到2种方式:沙盒方式(expo)、与原生混合(Native Code),他们的区别在于是否会编写原生代码。expo方式中集成了部...

酷夏至末
05/22
0
0
react-native项目集成到现有原生项目

使用cocoapods集成react-native到现有原生项目 一、可参考react-native官网:http://reactnative.cn/docs/0.49/integration-with-existing-apps.html#content 二、集成步骤: 设置项目目录结...

Peter_Zhang
2018/06/12
0
0
React Native--打包iOS应用

第一步:导出js bundle包和图片资源 我们需要将JS部分的代码和图片资源等打包导出,然后通过XCode将其添加到iOS项目中。 导出js bundle的命令 在React Native项目的根目录下执行: 通过上述命...

PetitBread
2018/09/10
0
0
Formik官方应用案例解析( 五)React Native

Hello React Native 在创建一个入门的Hello React Native工程时遇到一些麻烦,主要原因是Xcode版本太低。 使用create-react-native-app快速创建React Native框架 开发React相关项目,我使用的...

googlingman
2018/08/06
0
0
React Native VS Flutter评测

React Native VS Flutter评测 编辑于 11:34

纪洪波
2018/06/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Linux 之docker部署,走过的那些坑

初次使用docker, 多有不足,这里把坑一点点的记下来 概念篇 docker 是什么? 太多文字不同,书读的少, 不懂大大道理; 在我的理解, 它就是个沙箱环境; 在linux中 ,独立进程, 有着自己的小世界 使...

莫库什勒
12分钟前
1
0
vue class绑定 组件

本文转载于:专业的前端网站➬vue class绑定 组件 当在一个自定义组件上使用 class 属性时,这些类将被添加到该组件的根元素上面。这个元素上已经存在的类不会被覆盖。 例如,如果你声明了这个...

前端老手
54分钟前
4
0
exist和in

exist和in select ..from table where exist (子查询) ; select ..from table where 字段 in (子查询) ; 如果主查询的数据集大,则使用In,效率高。 如果子查询的数据集大,则使用exist,效率高...

潦草的犀牛
59分钟前
5
0
Android OkHttp + Retrofit 取消请求的方法

本文链接 前言 在某一个界面,用户发起了一个网络请求,因为某种原因用户在网络请求完成前离开了当前界面,比较好的做法是取消这个网络请求。对于OkHttp来说,具体是调用Call的cancel方法。 ...

shzwork
今天
6
0
并发编程之Callable异步,Future模式

Callable 在Java中,创建线程一般有两种方式,一种是继承Thread类,一种是实现Runnable接口。然而,这两种方式的缺点是在线程任务执行结束后,无法获取执行结果。我们一般只能采用共享变量或...

codeobj
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部