react native新手學習之路03真機調試

標籤：

React Native新手入門03真機調試（iOS）從裝置訪問程式開發伺服器

在啟用程式開發伺服器的情況下，你可以快速的迭代修改應用，然後在裝置上查看結果。這樣做的前提是你的電腦和裝置必須在同一個wifi環境下。

開啟AwesomeApp/ios/AwesomeApp/AppDelegate.m修改裡面的URL，把localhost改為你的電腦的IP。在Mac系統下，你可以在系統設定/網路裡找到電腦的IP地址。

eg:

jsCodeLocation = [NSURL URLWithString:@"http://192.168.1.107:8081/index.ios.bundle?platform=ios&dev=true"];

在XCode裡選中你的裝置作為運行目標，然後點擊Build and Run。

 

使用離線包

當你在真機上運行app時，所有的JavaScript代碼和圖片都會自動打包到App內部。這樣可以脫離程式開發伺服器運行，並最終提交到AppStore進行發布。

需要新版xcode7.3,無需開發人員賬戶，只需要AppleID產生認證。

開啟AwesomeApp/ios/AwesomeApp/AppDelegate.m取消注釋jsCodeLocation = [[NSBundle mainBundle] ...這一行。

eg:

//真機調試

//jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];

根據你的app選擇的scheme的不同，會產生不同的離線包（Debug會產生帶有警告的開發模式的包，Release則會產生壓縮最佳化過的包）。要修改scheme的話，選擇Xcode頂部菜單中的Product > Scheme > Edit Scheme...，在Build Configuration選項中切換選擇Debug或是Release，Build中只勾選Analyze和Run。

 

 

百度雲端硬碟 

React Native 技術交流群127482131,歡迎大家一起來學習RN。

轉載請保留文章連結 http://www.reactnative.pw/

react native新手學習之路03真機調試