返回顶部
首页 > 资讯 > 前端开发 > JavaScript >ReactNative中如何配置调试端口
  • 709
分享到

ReactNative中如何配置调试端口

2024-04-02 19:04:59 709人浏览 八月长安
摘要

小编给大家分享一下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, false);调用之前,因为在windows上remote debug js的时候如果不写在前面似乎调试不起效果(调试的地址端口也变成了18081了)

以上是“ReactNative中如何配置调试端口”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网JavaScript频道!

--结束END--

本文标题: ReactNative中如何配置调试端口

本文链接: https://lsjlt.com/news/73487.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • ReactNative中如何配置调试端口
    小编给大家分享一下ReactNative中如何配置调试端口,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!问题是这样的,由于公司的...
    99+
    2024-04-02
  • sublime text如何配置node.js调试
    这篇文章给大家分享的是有关sublime text如何配置node.js调试的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1. 首先到 nodejs.org 下载 Node.js...
    99+
    2024-04-02
  • nginx https 443端口如何配置
    这篇文章主要介绍“nginx https 443端口如何配置”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“nginx https 443端口如何配置”文章能帮...
    99+
    2023-07-05
  • Linux系统中如何配置端口映射
    这篇文章将为大家详细讲解有关Linux系统中如何配置端口映射,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。前述使用的是 iptables 来做端口映射。如果使用的系统是 Centos/Redhat/Fed...
    99+
    2023-06-28
  • 云服务器如何配置端口
    云服务器的配置端口是指如何设置它的服务端口,以便向服务器发送数据。以下是一些端口配置的常见步骤: 首先,需要明确您需要使用哪个端口,以及您希望从服务器获取的资源类型和端口号。通常,这些信息可以从 http 请求中获取到。 根据需要,可以...
    99+
    2023-10-26
    端口 服务器
  • 云服务器如何配置端口设置
    云服务器可以配置端口的配置。以下是常见的端口配置方法: Web应用程序层:Web应用程序通常需要发布和执行HTTP请求。因此,您可以使用HTTPS配置器来配置Web应用程序的端口以便于发布和执行HTTP请求。例如: https://...
    99+
    2023-10-26
    端口 服务器
  • 如何进行RK3288 HDMI配置和调试
    这篇文章给大家介绍如何进行RK3288 HDMI配置和调试,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。RK3288 最大输出分辨率为 3840x2160HDMI 驱动代码位于 kernel/dri...
    99+
    2023-06-05
  • PHP+zend studio如何配置远程调试
    PHP作为web领域的佼佼者也有其不方便的地方。对于Java来说,我们都知道可以直接通过Myeclipse等IDE直接打断点进行调试。但是对于PHP来说,就不是那么简单了。当然也有它自己的方法,那就是借...
    99+
    2024-02-27
  • 如何解决WFC端口配置问题
    小编给大家分享一下如何解决WFC端口配置问题,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!对于一些常用网络服务,WFC端口他们都有一个知名的端口好与之匹配。比如,...
    99+
    2023-06-17
  • 如何修改RabbitMQ默认端口配置
    这篇文章主要介绍“如何修改RabbitMQ默认端口配置”,在日常操作中,相信很多人在如何修改RabbitMQ默认端口配置问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何修改RabbitMQ默认端口配置”的疑...
    99+
    2023-06-26
  • Linux系统如何配置端口映射
    这篇文章将为大家详细讲解有关Linux系统如何配置端口映射,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。一、iptables命令 -t表>:指定要操纵的表;  -A:向...
    99+
    2023-06-28
  • vue如何动态配置ip与端口
    目录vue动态配置ip与端口动态配置IP及端口,打包后随时改随时生效一.利用public下的文件不会被打包的原理二.利用 generate-asset-webpack-plugin ...
    99+
    2024-04-02
  • vs code 中配置和调试Python
    参考来源:https://code.visualstudio.com/docs/python/python-tutorial#_prerequisites       注意:不管你之前下载的是anaconda的python集成环境,还是从...
    99+
    2023-01-31
    code Python
  • 如何配置阿里云Web端服务器端口
    在使用阿里云服务器搭建Web应用时,配置服务器端口是至关重要的一步。本文将详细介绍如何配置阿里云Web端服务器端口,帮助您快速上手并实现稳定可靠的Web应用服务。 步骤一:登录阿里云控制台首先,打开您的浏览器,并访问阿里云官方网站。点击右上...
    99+
    2023-12-26
    阿里 端口 服务器
  • 如何配置webpack+vue+express热启动调试
    这篇文章主要介绍了如何配置webpack+vue+express热启动调试,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。工具及目录所用的到的...
    99+
    2024-04-02
  • 如何远程配置云服务器端口
    要远程配置云服务器的端口,可以按照以下步骤进行:1. 登录到云服务器的控制台。不同云服务提供商的控制台可能有所不同,但通常会提供一个...
    99+
    2023-08-09
    云服务器
  • 如何配置腾讯云服务器端口
    首先,我们来看一下腾讯云服务器的端口配置。腾讯云服务器的端口数量可以在腾讯云控制台进行设置,用户可以根据自己的需求来选择不同的端口类型。腾讯云的所有端口都是按照HTTP协议进行开放的,所以可以使用所有端口来实现服务器的负载均衡和安全控制。例...
    99+
    2023-10-27
    腾讯 端口 服务器
  • 如何配置云服务器端口信息
    首先,要了解云服务器的端口是什么。通常,云服务器的端口分为两类:公共端口和专用端口。公共端口用于连接到云服务器上的其他服务器或存储设备,如文件、照片、视频等。专用端口则用于与云服务器进行通信,例如与数据库、邮件服务、消息队列等。 要配置云...
    99+
    2023-10-28
    端口 服务器 信息
  • 如何自建云服务器端口配置
    要自建云服务器端口配置,需要使用 Windows 操作系统上的 Python 编程语言,例如:PyPI,PyOpenInstall 等库来完成。下面是基本的步骤: 打开终端并安装 Python 打开一个命令行工具并创建一个新的 Pyth...
    99+
    2023-10-26
    端口 服务器
  • 阿里云服务器如何配置端口
    阿里云服务器是阿里云提供的云计算服务,用户可以通过阿里云服务器来部署应用程序和网站。在使用阿里云服务器的过程中,可能需要配置一些端口,以便让应用程序或网站能够正常运行。本文将详细介绍如何配置阿里云服务器的端口。 一、如何配置阿里云服务器的端...
    99+
    2023-11-19
    阿里 端口 服务器
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作