資訊專欄INFORMATION COLUMN
摘要：真機(jī)在線運(yùn)行打開，項(xiàng)目的目錄如果之前在模擬器調(diào)試過，換成真機(jī)運(yùn)行的時(shí)候務(wù)必關(guān)閉模擬器需要修改的配置修改為如果上來就運(yùn)行的話，會(huì)報(bào)錯(cuò)改完界面處選擇修改如下確認(rèn)目標(biāo)設(shè)備的系統(tǒng)版本一致同樣也要確認(rèn)測試用例項(xiàng)目下的配置打開文件值改為打開文件修改的引
真機(jī)在線運(yùn)行
打開Xcode，open項(xiàng)目的ios目錄；
如果之前在模擬器調(diào)試過，換成真機(jī)運(yùn)行的時(shí)候務(wù)必關(guān)閉模擬器；
需要修改的配置：
Bundle Identifier 修改為： com.soho3q
如果上來就運(yùn)行的話，會(huì)報(bào)錯(cuò)：
改完界面：
target處選擇Test
修改如下:
確認(rèn)目標(biāo)設(shè)備的系統(tǒng)版本一致：
同樣也要確認(rèn)Tests測試用例項(xiàng)目下的配置：
打開Info.plist文件；
值改為YES；
打開AppDelegate.m文件；修改jsCodeLocation 的引用位置為我們添加進(jìn)來的jsbundle；
修改為：
jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"/main.ios" withExtension:@"jsbundle"];
目前為止配置的基本差不多了，這個(gè)時(shí)候可以點(diǎn)運(yùn)行試試，但極有可能會(huì)出現(xiàn)以下錯(cuò)誤：
好像是類庫導(dǎo)入的問題；
查看到報(bào)錯(cuò)的文件位置：
是在測試用例下類庫缺失；
解決辦法：
target選擇測試；
找到Build Phases，新增資源庫；
新增：
解決完上邊問題，再次 CMD + R 運(yùn)行，如果運(yùn)行成功，即可在手機(jī)上看到模擬器運(yùn)行時(shí)同樣界面；
真機(jī)離線運(yùn)行離線運(yùn)行需要打包后把jsbundle添加到項(xiàng)目中；同時(shí)，xcode中需要修改下配置；
打開 RCTWebSocketExecutor.m 文件：
文件中找到localhost，替換為你的IP；
新建打包命令：
react-native bundle --entry-file index.js --bundle-output ./ios/bundle/main.ios.jsbundle --platform ios --assets-dest ./ios/bundle --dev false
在ios目錄下新建一個(gè)bundle文件夾，用于存放打包完的main.ios.jsbundle 和assets文件；
或者直接在package.json 中添加命令：
"bundle-ios": "react-native bundle --entry-file index.js --bundle-output ./ios/bundle/main.ios.jsbundle --platform ios --assets-dest ./ios/bundle --dev false"
接下來運(yùn)行打包命令；
npm run bundle-ios
輸出jsbudle后在Xcode中添加進(jìn)去；
直接拖進(jìn)去，
選擇此項(xiàng)
再次運(yùn)行，如果順利，即可成功打一個(gè)離線包，裝到手機(jī)上；
離線包模式下開啟Chrome調(diào)試會(huì)很慢，甚至load不出來；所以可以打Release包;
具體設(shè)置： Product > Scheme > Edit Scheme
選擇Relesase
這種版本不會(huì)出現(xiàn)紅屏報(bào)錯(cuò)；
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/94298.html
摘要：谷歌和蘋果分別提供了各自方案，來幫助開發(fā)者使用開發(fā)者工具調(diào)試真機(jī)或模式器的頁面。這極大的提高了調(diào)試效率。本文介紹了蘋果提供的在真機(jī)和模擬器中使用調(diào)試方法。真機(jī)調(diào)試一準(zhǔn)備需要一臺(tái)。需要一臺(tái)在測試序列號(hào)中的手機(jī)。 開發(fā) Web 頁面時(shí)，難免會(huì)碰到一些特定機(jī)型、特定版本或者是嵌到 App 中才會(huì)出現(xiàn)的問題。碰到這類問題時(shí)，如果不能使用開發(fā)者工具 devtools，這意味著，你只能使用 ale...
摘要：平臺(tái)要求基本都是以上需擴(kuò)展不支持已支持。性能重心比較多，目前性能關(guān)注不多。成立也比較晚，案例也有一些，基本都是近一年內(nèi)的案例。較晚，以公司自己人居多，成熟需一段時(shí)間。較晚，社區(qū)人相對(duì)少一些，內(nèi)容相對(duì)成熟。 React Native出來有一段時(shí)間了，國內(nèi)的weex和deviceone是近期發(fā)布的，我可以說從2011年就開始關(guān)注快速開發(fā)的跨平臺(tái)平臺(tái)技術(shù)了，接觸過phoneGap、數(shù)字天...
摘要：這也成為了一些開發(fā)者跨入移動(dòng)開發(fā)大門的第一道小門檻。目前已經(jīng)知道了調(diào)試設(shè)置中和。 React Native(以下簡稱RN)為傳統(tǒng)前端開發(fā)者打開了一扇新的大門。其中，使用瀏覽器的調(diào)試工具去Debug移動(dòng)端的代碼，無疑是最吸引開發(fā)人員的特性之一。 試想一下，當(dāng)你在手機(jī)屏幕按下一個(gè)按鈕，處理事件的代碼就可以立即在瀏覽器的調(diào)試工具里進(jìn)行斷點(diǎn)調(diào)試，而且每當(dāng)你對(duì)代碼進(jìn)行修改，界面便可以完成快速地重...
閱讀 1296·2023-04-25 19:33
閱讀 1180·2021-10-21 09:39
閱讀 3652·2021-09-09 09:32
閱讀 2631·2019-08-30 10:58
閱讀 1627·2019-08-29 16:17
閱讀 884·2019-08-29 15:29
閱讀 2895·2019-08-26 11:55
閱讀 2666·2019-08-26 10:33
