ReactNative中如何配置調試端口

小編給大家分享一下ReactNative中如何配置調試端口，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

問題是這樣的,由于公司的機器安裝了安全軟件，http://localhost:8081被占用了。(windows上配置環境真不易，最后一步還是被公司環境坑了)

所以導致按照教程配置完環境最后到真機上還是刷不出來界面

那么我們就這么放棄了嗎？當然不，不然就白忙活了

分析問題：端口被占用，那我們換一個端口不就行啦，于是乎各種查閱資料，發現PackageManager（包管理服務）在啟動的時候是可以配置端口的.如下命令

react-native start --port 18081

這樣Launch起來的包管理服務就在端口18081上了，在Chrome上敲localhost:18081神奇的顯示了ReactNative的相關界面，說明正常了。

接著在真機上需要敲這個命令

adb reverse tcp:18081 tcp:18081

這個命令會將手機的調試端口設置成與包管理服務一致的端口18081

然后我在真機上跑了一遍程序，結果還是顯示不出來。莫名的傷感有沒有

在各種找不到資料的情況下，開始翻看ReactAndroid源碼，經過分析最后找到這么一段關鍵的代碼

public String getDebugServerHost() {
// Check host setting first. If empty try to detect emulator type and use default
// hostname for those
String hostFromSettings = mPreferences.getString(PREFS_DEBUG_SERVER_HOST_KEY, null);

if (!TextUtils.isEmpty(hostFromSettings)) {
 return Assertions.assertNotNull(hostFromSettings);
}

String host = AndroidInfoHelpers.getServerHost();

if (host.equals(AndroidInfoHelpers.DEVICE_LOCALHOST)) {
 FLog.w(
  TAG,
  "You seem to be running on device. Run 'adb reverse tcp:8081 tcp:8081' " +
   "to forward the debug server's port to the device.");
}

return host;
}

好家伙，原來是從SharedPreference中先讀了PREFS_DEBUG_SERVER_HOST_KEY這個值，如果為空則用AndroidInfoHelpers.getServerHost()這個函數返回值(也就是loacalhost:8081)

那么解決辦法就浮出水面了，只需要在Application初始化的時候講這個值設置成我們自定義的就好了，類似

SharedPreferences mPreferences = PreferenceManager.getDefaultSharedPreferences(applicationContext);
mPreferences.put("debug_http_host", "localhost:18081");

這段代碼最好寫在SoLoader.init(this, /* native exopackage */ false);調用之前，因為在windows上remote debug js的時候如果不寫在前面似乎調試不起效果(調試的地址端口也變成了18081了)

以上是“ReactNative中如何配置調試端口”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！