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

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比印江網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式印江網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋印江地區(qū)。費(fèi)用合理售后完善，10年實(shí)體公司更值得信賴。

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

所以導(dǎo)致按照教程配置完環(huán)境最后到真機(jī)上還是刷不出來(lái)界面

那么我們就這么放棄了嗎？當(dāng)然不，不然就白忙活了

分析問(wèn)題：端口被占用，那我們換一個(gè)端口不就行啦，于是乎各種查閱資料，發(fā)現(xiàn)PackageManager（包管理服務(wù)）在啟動(dòng)的時(shí)候是可以配置端口的.如下命令

react-native start --port 18081

這樣Launch起來(lái)的包管理服務(wù)就在端口18081上了，在Chrome上敲localhost:18081神奇的顯示了ReactNative的相關(guān)界面，說(shuō)明正常了。

接著在真機(jī)上需要敲這個(gè)命令

adb reverse tcp:18081 tcp:18081

這個(gè)命令會(huì)將手機(jī)的調(diào)試端口設(shè)置成與包管理服務(wù)一致的端口18081

然后我在真機(jī)上跑了一遍程序，結(jié)果還是顯示不出來(lái)。莫名的傷感有沒(méi)有

在各種找不到資料的情況下，開始翻看ReactAndroid源碼，經(jīng)過(guò)分析最后找到這么一段關(guān)鍵的代碼

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;
}

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

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

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

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

以上是“ReactNative中如何配置調(diào)試端口”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享名稱：ReactNative中如何配置調(diào)試端口
標(biāo)題來(lái)源：http://www.rwnh.cn/article32/ggohpc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、外貿(mào)建站、網(wǎng)站排名、全網(wǎng)營(yíng)銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)