趁著現(xiàn)在有時(shí)間，總結(jié)一下，留給需要的小伴們看。
1、首先我們要先打離線資源包
為了日后把打包方便，我們把打包指令填在下package.json下
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest",
"bundle-ios": "node node_modules/react-native/local-cli/cli.js bundle --entry-file index.js --platform ios --dev false --bundle-output ./ios/bundle/index.jsbundle --assets-dest ./ios/bundle"
},
這樣打包只需要在根目錄下輸入npm run bundle-ios 即可（切記一定要先在項(xiàng)目-->ios下新建bundle文件夾，不然會(huì)報(bào)錯(cuò)）
之后你會(huì)發(fā)現(xiàn)bundle文件下面已經(jīng)有了內(nèi)容（如下圖）
2、接下來將離線資源包放入到項(xiàng)目中
在Xcode中添加資源到項(xiàng)目中，必須使用Create folder references的方式(也就是文件夾的方式)添加bundle文件夾：
必須使用Create folder references的方式添加：
添加成功后bundle文件夾為藍(lán)色（如下圖）
3、打包的最后一步
在開發(fā)的過程中可以在這里配置Debug Server的地址，當(dāng)發(fā)布上線的時(shí)候，就需要使用離線的jsbundle文件，因此需要設(shè)置jsCodeLocation為本地的離線jsbundle。
在AppDelegate設(shè)置離線的jsCodeLocation:
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
NSURL *jsCodeLocation;
// jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
// jsCodeLocation = [NSURL URLWithString:@"http://192.0.0.0:8081/index.bundle?platform=ios&dev=true"];//真機(jī)Hot reloading
#ifdef DEBUG
jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];//開發(fā)調(diào)試
#else
jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"bundle/index" withExtension:@"jsbundle"];//上線打包
#endif
........
}
上傳
按照下面的步驟走，就可以打包成功，我不說各種原因，只講操作步驟：
簡(jiǎn)單粗暴?。。?/p>
首先你得有一個(gè)蘋果開發(fā)者賬號(hào)。要是沒有，就自己申請(qǐng)一個(gè)。
注意：在創(chuàng)建app IDs 還有描述文件的時(shí)候，需要添加的是發(fā)布版本，就是ad hoc里面的版本，而不是簡(jiǎn)單的開發(fā)版本。如下圖：（證書與描述文件都需要發(fā)布版本的）
可以先忽略，一會(huì)在創(chuàng)建證書的時(shí)候再看
1.創(chuàng)建一個(gè)ipaDemo工程。
2.打開蘋果開發(fā)者中心。
網(wǎng)址 ：https://developer.apple.com/membercenter
3.打開這個(gè)網(wǎng)址之后會(huì)出現(xiàn)下面的樣式。
剛剛進(jìn)入的的界面的樣式
4.進(jìn)入App開發(fā)賬戶里面：
手機(jī)App
5.創(chuàng)建證書的總體步驟，分5步：
5.1創(chuàng)建證書
5.2添加APP IDs
5.3添加設(shè)備
5.4創(chuàng)建描述文件
總體步驟
對(duì)于這些過程，網(wǎng)絡(luò)上的文章比較多，我也不一一展開了，我添加一個(gè)比較好的博客的文章，與大家分享這個(gè)過程。說白了這也是真機(jī)測(cè)試與創(chuàng)建證書的一部分。李大澤網(wǎng)址
6. iOS打包，一共有三種方式，不過還是通過Xcode的打包比較好，因?yàn)槲以跍y(cè)試了這三種打包之后，我發(fā)現(xiàn)通過xcode打包的包的大小是最小的，不過下面我也介紹這三種打包方式。
第一種打包方式：
6.1 Xcode打包：
6.1.1
- 配置provisioning profile與證書
6.1.2
2.配置provisioning profile與證書
我在上面這兩步的時(shí)候，由于只調(diào)整了一個(gè)code singing，所以出現(xiàn)了一直打包不成功。一般情況下，是先進(jìn)行步驟6.1.1，基本上不用管步驟6.1.2，只需要看看6.1.2是否與6.1.1的描述文件、證書是否一致。保證一致就可以了。
6.1.3
6.1.4 選擇Release 模式：
6.1.5 需要release ，Run里面的，也需要release Archive 里面的。
6.1.6
打包示例
6.1.7開始打包：若是comd+b 運(yùn)行成功了，就可以進(jìn)行下一步了
6.1.8生成包：
6.1.9輸出包：
6.1.10
生成四種不同的開發(fā)包，查看鏈接。4種ipa包
6.1.11
6.1.12
6.1.13 在桌面上出現(xiàn)安裝包：
大功告成
第二種打包方式：
6.2 通過生成文件Payload文件夾，生成ipa包。
重復(fù)上面6.1.7 之前的所有步驟，在commd+b 編譯之后，查看是否編譯成功，要是成功。如下圖：
6.2.1
表示可以打包了
6.2.2
6.2.3
6.2.4在桌面上新建一個(gè)文件夾名字叫“Payload”，注意一個(gè)字母也不能少。并將上面的APP直接拷貝到這個(gè)文件夾下面，壓縮這個(gè)文件夾，并將文件夾的后綴名，改正 “.ipa”。如下圖:
ipa
第三種打包方式：
通過iTunes，打包。
6.3.1 打開你的iTunes。
6.3.2 直接把剛剛的那個(gè) .app，拖到你的iTunes里面。如下圖:
6.3.3 在Finder里面顯示：
6.3.4這樣就生成了一個(gè)ipa包：
- 安裝到測(cè)試機(jī)上：對(duì)于以上生成的所有的ipa包，都需要雙擊打開他們，在你的iTunes里面，安裝你的這個(gè)應(yīng)用包。如下圖：
安裝步驟
生成的app如下圖，要是能夠顯示app是正常的，則證明沒有問題，否則安裝不成功：
