美文网首页
React-Native之 Xcode 真机测试/打包

React-Native之 Xcode 真机测试/打包

作者: 灵魂深灵 | 来源:发表于2019-01-08 15:05 被阅读0次

第一部分:真机测试

一、修改APP图标和名称
1.修改图标,如图:

image.png
:图片命名规则:xxx@2x.png,xxx@3x.png, 图片的尺寸:2x:2 x 20 , 3x:3 x 20
(用“x”前面的数字乘以pt前面的数字即可,其他的类似)

2.修改名称,如图:


image.png

二、闪屏页修改
在 APPIcon 空白页单机鼠标右键会出来下图中的选项


image.png

之后添加相应的图片就可以了,如图:


image.png

iOS设备的机型/尺寸/型号/代码/像素/比例(iPh
https://www.jianshu.com/p/c4aad5b6771e

之后去往下图的位置操作,点击有下划线的小图标,看是否能跳过去,能挑过去那就恭喜你成功了!


image.png

:注意右边的选项,此步骤可能第一次不成功,那删掉一些配第二次就可以了!(自己摸索吧,不方便用语言描述!)

三、相关配置
1.双击你自己的调试证书


image.png

2.加入你的调试配置证书
:下面画线的地方操作一样

image.png

此时再去配置另一个地方:

image.png

此时就可以连接你的Iphone真机测试了!

第二部分:API打包

一、双击你的发布证书
二、导入你的发布配置证书


image.png

此时再去配置另一个地方:


image.png

三、现在开始打包
1.打包之前更换到如下图模式:


image.png

2.点击 Product 中的 Archive ,如下图:

image.png
:此过程需要等待几分钟。

3.整个过程没有报错并且弹出来一个新页面,就点击 Export,如下图 :


image.png

4.如果不上苹果商城的话,就选第二个:


image.png image.png image.png image.png

自己选一个保存路径和取一个名字就OK了!

image.png

5.大功告成,快去用U盘拷到 Windows 电脑上用爱思助手拖到你自己的IPhone上查看吧!


image.png

相关文章

网友评论

      本文标题:React-Native之 Xcode 真机测试/打包

      本文链接:https://www.haomeiwen.com/subject/konslqtx.html