前言:

最近在被react-native打包虐了一个多星期 , 昨天终于搞定了 ; 现在把打包的过程以及遇到的坑整理出来做个笔记 , 希望能给遇到相同问题的小伙伴们一个参考。

第一步: 材料准备

1) 一个已付费的开发者账号 ,苹果开发者账号的类型如下表 , 根据自己的需求以及实际情况选择申请 :

react 打包后部署docker react打包ios_打包

附上不同证书的区别,请根据自己的需求选择账号类型以及证书类型:

react 打包后部署docker react打包ios_发布_02

2) 一个待发布的 react-native 的项目

第二步: 生成发布证书

2)进入苹果的开发者官网 https://developer.apple.com

react 打包后部署docker react打包ios_ios_03

react 打包后部署docker react打包ios_证书_04

react 打包后部署docker react打包ios_证书_05

react 打包后部署docker react打包ios_发布_06

react 打包后部署docker react打包ios_证书_07

react 打包后部署docker react打包ios_ios_08

react 打包后部署docker react打包ios_react 打包后部署docker_09

react 打包后部署docker react打包ios_react 打包后部署docker_10

在本机钥匙串中创建CSR文件

在Launchpad的 【其他】里面,找到【钥匙串】

react 打包后部署docker react打包ios_react 打包后部署docker_11

react 打包后部署docker react打包ios_发布_12

react 打包后部署docker react打包ios_ios_13

react 打包后部署docker react打包ios_发布_14

react 打包后部署docker react打包ios_证书_15

这时桌面就会多出来一个 CertificateSigningRequest.certSigningRequest 文件

react 打包后部署docker react打包ios_react 打包后部署docker_16

react 打包后部署docker react打包ios_证书_17

点击 continue 进入下一步

react 打包后部署docker react打包ios_打包_18

点击 DownLoad 下载生成的证书

react 打包后部署docker react打包ios_发布_19

react 打包后部署docker react打包ios_ios_20

第三步: 创建App IDs、绑定Bundle Identifier

react 打包后部署docker react打包ios_发布_21

react 打包后部署docker react打包ios_ios_22

点击 continue 进入下一步

react 打包后部署docker react打包ios_打包_23

react 打包后部署docker react打包ios_ios_24

第四步: 生成描述文件

react 打包后部署docker react打包ios_证书_25

react 打包后部署docker react打包ios_打包_26

react 打包后部署docker react打包ios_打包_27

react 打包后部署docker react打包ios_打包_28

react 打包后部署docker react打包ios_react 打包后部署docker_29

react 打包后部署docker react打包ios_react 打包后部署docker_30

描述文件已生成:

react 打包后部署docker react打包ios_ios_31

第五步: 在Xcode中打包工程

找到刚才生成的发布证书 .cer 文件 和 描述文件 .mobileprovision文件 ,双击,会闪烁然后没有其他什么反应,这样其实它们已经加入到你的钥匙串中了

1)打开 xcode 设置 build setting

react 打包后部署docker react打包ios_打包_32

react 打包后部署docker react打包ios_打包_33

react 打包后部署docker react打包ios_react 打包后部署docker_34

react 打包后部署docker react打包ios_打包_35