ios項(xiàng)目編譯注意事項(xiàng)
打包腳本(buildRNiOSBunble.sh)
export LANG=en_US.UTF-8
export LANGUAGE=en_US.UTF-8
export LC_ALL=en_US.UTF-8
#rn分支的名字
rnfilename="bjy_rn"
#原生分支的名字
nativefilename="bjy_ios"
# .xcworkspace的名字
workspace_name="ZYWXOnlineSchool"
步驟
1 編譯RN代碼
- bjy_rnreactnative分支和bjy_ios原生分支放在同級目錄下,進(jìn)入bjy_rn目錄
- 更新最新rn代碼
- 編譯rn代碼
- node_modules引入
- yarn install
2 生成.jsbundle文件
react-native bundle --entry-file index.js --bundle-output …/bjy_ios/ w o r k s p a c e n a m e / {workspace_name}/ workspacen?ame/{workspace_name}/RNBundle/main.jsbundle --platform ios --assets-dest …/bjy_ios/ w o r k s p a c e n a m e / {workspace_name}/ workspacen?ame/{workspace_name}/RNBundle --dev false
3 調(diào)試腳本
- 安裝yarn工具
- cd 到bjy_ios目錄
- node_modules引入及其pod安裝
yarn install
pod install --verbose --no-repo-update
- 開啟本地服務(wù)
yarn start
4 debug模擬器聯(lián)調(diào)
代碼里搜索sourceURLForBridge 修改為下面
- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
{
return [NSURL URLWithString:@“http://localhost:8081/index.bundle?platform=ios”];
}
5 真機(jī)聯(lián)調(diào)
??手機(jī)、Mac在同一個(gè)wifi下面把localhost修改為當(dāng)前wifi的ip地址)
代碼里搜索sourceURLForBridge 修改為下面
- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
{
return [NSURL URLWithString:@“http://ip.host:8081/index.bundle?platform=ios”];
}
真機(jī)聯(lián)調(diào)參考鏈接:https://reactnative.cn/docs/running-on-device文章來源:http://www.zghlxwxcb.cn/news/detail-449523.html
6 reload頁面
reload stop dismiss等文章來源地址http://www.zghlxwxcb.cn/news/detail-449523.html
到了這里,關(guān)于RN_iOS項(xiàng)目編譯注意事項(xiàng)的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!