ReactNative真機運行運行

BreBxi 8年前發布 | 15K 次閱讀 Xcode Objective-C開發 React Native

來自: http://www.cnblogs.com/suxun/p/5224682.html

注意在iOS設備上運行React Native應用需要一個 Apple Developer account 并且把你的設備注冊為測試設備。本向導只包含React Native相關的主題。

譯注 :從XCode 7起,在自己的設備上調試App不再需要開發者賬戶了。

從設備訪問開發服務器

在啟用開發服務器的情況下,你可以快速的迭代修改應用,然后在設備上查看結果。這樣做的前提是你的電腦和設備必須在同一個wifi環境下。

  1. 打開 AwesomeApp/ios/AwesomeApp/AppDelegate.m
  2. 修改里面的URL,把 localhost 改為你的電腦的IP。在Mac系統下,你可以在系統設置/網絡里找到電腦的IP地址。
  3. 在XCode里選中你的設備作為運行目標,然后點擊“Build and Run”。

提示

搖晃設備來打開開發菜單(重新加載、調試,等等……)

部分出現下圖提示

使用離線包

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

  1. 打開 AwesomeApp/ios/AwesomeApp/AppDelegate.m
  2. 取消注釋 jsCodeLocation = [[NSBundle mainBundle] ... 這一行。
  3. 根據你的app選擇的scheme的不同,會生成不同的離線包(Debug會生成帶有警告的開發模式的包,Release則會生成壓縮優化過的包)。要修改scheme的話,選擇Xcode頂部菜單中的 Product > Scheme > Edit Scheme... ,在 Build Configuration 選項中切換選擇 Debug 或是 Release 。

禁用應用內的開發者菜單

當我們發布應用之前,你應該把應用的“Schema”設置為 Release ,來禁用開發者菜單。文檔 調試 講述了一些詳細的操作方式。

安裝學習遇到任何問題可以加入 ReactNative高級交流群 127482131 或訪問  http://blog.1ygowu.com ReactNative技術專題

</div>

 本文由用戶 BreBxi 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!