React Native 0.29.0版本iOS端BundleURL加載方法

spacewander 發布于2019-08-19 18:44 / 1118人閱讀

摘要：在版本中加載方法做了重大改變，新增了單例類專門處理，使用保存配置信息。非模式時，沒有文件，會直接讀取本地文件，和以前版本的方式相同。手動設置在接口中暴露了屬性，可以通過手動設置。另需要在設置的為即可。

React Native iOS在0.29.0版本中BundleURL加載方法做了重大改變，新增了RCTBundleURLProvider單例類專門處理BundleURL，使用NSUserDefaults保存配置信息。

默認加載方式

在Debug模式下，執行react-native-xcode.sh編譯腳本會自動獲取當前網卡en0的IP地址，并打入App包中一個配置文件ip.txt，App運行時會讀取ip文件，自動生成Developer Server URL，通過這種加載方式，我們不再需要手動去把"localhost"改成Mac的IP了，每次編譯都會讀取當前最新的IP。

if [[ "$CONFIGURATION" = "Debug" && "$PLATFORM_NAME" != "iphonesimulator" ]]; then
  PLISTBUDDY="/usr/libexec/PlistBuddy"
  PLIST=$TARGET_BUILD_DIR/$INFOPLIST_PATH
  IP=$(ipconfig getifaddr en0)
  $PLISTBUDDY -c "Add NSAppTransportSecurity:NSExceptionDomains:localhost:NSTemporaryExceptionAllowsInsecureHTTPLoads bool true" $PLIST
  $PLISTBUDDY -c "Add NSAppTransportSecurity:NSExceptionDomains:$IP.xip.io:NSTemporaryExceptionAllowsInsecureHTTPLoads bool true" $PLIST
  echo "$IP.xip.io" > "$DEST/ip.txt"
fi

非Debug模式時，沒有ip.txt文件，會直接讀取本地jsbundle文件，和以前版本的Load from pre-bundled file on disk方式相同。
但是我經過測試發現，en0是Wifi的網絡，如果關閉Wifi，使用網線端口連接網絡，en0默認就是inactive，沒有對應的IP。

手動設置IP

RCTBundleURLProvider在接口中暴露了jsLocation屬性，可以通過setJsLocation手動設置IP。

NSURL *jsCodeLocation;

[[RCTBundleURLProvider sharedSettings] setDefaults];
#if DEBUG
[[RCTBundleURLProvider sharedSettings] setJsLocation:@"192.168.1.101"];
#endif
jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];

另需要在Info設置NSAppTransportSecurity的NSAllowsArbitraryLoads為true即可。

總之

RCTBundleURLProvider類做了一些消息和屬性的封裝，可以通過判斷是否DEBUG環境然后做不同的設置。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79928.html

關于weex

摘要：在最上面的，阿里一般稱之為文件，通過轉換成，再部署到服務器，這樣服務端就完成了。例如，通過安裝了業界的工具庫用上和如今前端的開發，一般離不開預處理器，比如和。在默認的文件中，即使有的助力，這類預處理器也是對其無能為力的。生命周期 module.exports = { data: {}, methods: {}, init: function () { ...

chadLi 2019-08-20 12:27 評論0 收藏0
加推Weex實踐之路（上）

摘要：我們參考小程序的設計思路進行了優化升級，為每一個需要特有化配置的頁面添加一個格式的配置文件，配置文件包括導航欄的配置頁面級別的配置跳轉的配置等，將配置工程化標準化。設置導航欄按鈕包含按鈕樣式的數組通過完成按鈕事件的回調。一、背景1.為什么是Weex在公司快速發展的大環境下，App的更新迭代高速、高頻，技術團隊平均兩周便可誕生一款中型App，但App團隊只有6個人（iOS 、Android各3...

shuibo 2019-05-22 19:43 評論0 收藏0
weex-iOS實戰

摘要：前言學習也有一段時間了，關于在三端的使用，我們也做了實戰開發，渲染時間在之間，各平臺體驗相比都有極大的提升，此文章在的角度記錄開發過程中遇到的一些問題，如果想要了解前端和安卓的開發可以參考我同事寫的一些內容實踐前端視角實踐安卓視角準備工作前言 weex學習也有一段時間了，關于weex在三端的使用，我們也做了實戰開發，渲染時間在100-300ms之間，各平臺體驗相比H5都有極大的提升，...

roundstones 2019-08-21 11:28 評論0 收藏0