如何让手机访问本地服务器部署的网页?无公网IP内网主机应用,自定义外网地址,给任意网设备访问

一、如何让手机访问电脑本地服务器的网页(同一内网的访问)

移动开发的前端来说,使用各种真机来进行自己网站进行查看是必要的。因此,会经常通过电脑开启一个 wifi 来供手机进行连接,形成一个小的局域网,然后就通过局域网的 ip 地址(查询 ip 地址,cmd——》ipconfig), 通过 ip 地址来进行自己本地服务器中的项目访问。这种方法十分的简单,下面我为大家一一介绍。

1,查看自己的电脑有没有安装IIS,随便打开一个浏览器,在网址那里输入localhost然后回车,如果出现页面说明电脑安装好了IIS,如果不是的话自己百度如何安装IIS(网上挺多教程的很简单)。

2,找到C盘的下的C:\inetpub\wwwroot目录,将自己的网页项目复制到wwwroot目录下(这里我自己放了两个项目)

3,打开cmd命令面板,输入ipconfig,会显示一些相关信息,找到无线局域网适配器的ipv4地址,然后接下来在手机打开一个浏览器,首先输入刚刚那个IP地址,然后加上你的项目名和项目首页,比如我的是"   192.168.23.1/手机京东/index.html   "

然后点击确定就可以访问了。

二、本地服务器搭建的网址给异地手机/电脑访问

当手机与目标主机网站服务不在同一个局域网时,就需要用到内网映射技术应用了,需要将内网地址转换成公网地址,然后再给电脑或手机访问到。

在面对无公网IP环境需要本地网址开放出去时,通常可以使用内网穿透或端口映射软件来实现,这个操作过程也是比较简单的,以大众化的nat123端口映射教程示例,操作步骤如下:

1,先明确自己目标内网IP端口:比如自己IIS或tomcat部署的网址,在局域网内的访问地址是正常状态的,起码要知道对应目标内网IP端口信息。

2,自定义映射地址:使用nat123客户端添加映射一步配置,结合自己本地实际业务,自定义好对应内外网地址即可。内网地址对应本地目标应用的私有IP端口,外网地址自定义自己域名或默认生成的二级域名。

3,直接访问:当我们在目标内网使用了nat123映射绑定域名与WEB应用端口后,不管你在哪里,不管用电脑还是手机,都可以直接通过自定义域名端口就可以访问了。

需要注意的,如果内网地址是“192.168.23.11/web/sn”这样二级或多级目录的,做了软件映射后,在手机和外面设备访问时同时要加上对应的目录,如“域名/web/sn”。

### FRP配置实现内外网同时访问 #### 服务端配置 (frps) 为了使FRP能够支持内外网的同时访问,首先需要正确配置服务端`frps.toml`文件。此文件用于定义服务端的行为以及监听哪些类型的连接请求。 ```toml [common] bind_port = 7000 # 绑定的服务端口,客户端通过该端口与服务端建立连接 vhost_http_port = 80 # HTTP代理使用的虚拟主机端口号,允许外部通过HTTP方式访问内网资源 token = your_token # 设置令牌以增强安全性,确保通信双方的身份验证[^2] ``` 上述配置中设置了两个主要参数:一个是绑定到本地任意IP地址上的通用端口`bind_port`,另一个是指向Web流量转发的特定端口`vhost_http_port`。这使得无论是来自互联还是局域内的设备都可以尝试通过这些指定路径来发起请求并获得响应。 #### 客户端配置 (frpc) 接着,在客户端即想要暴露给外界访问的目标机器上编辑`frpc.toml`文件。这里假设目标是要让一台处于私有络中的计算机被公开访问其提供的web页面或其他基于http(s)的服务: ```toml [common] server_addr = x.x.x.x # 替换成实际部署frps所在服务器公网IP地址 server_port = 7000 # 对应于上面提到的服务端所设定的bind_port值 token = your_token # 和服务端一致的安全令牌 [web] type = http # 明确指出这是一个HTTP隧道 local_ip = 127.0.0.1 # 要映射至本机哪个接口,默认情况下为localhost local_port = 80 # 内部运行着待发布的站或应用的实际端口号 custom_domains = example.com # 自定义域名指向这个隧道入口,需提前做好DNS解析工作 ``` 这段配置实现了将位于内网的一台PC所提供的网页内容经由中间件(FRP),最终呈现在广域上供他人浏览的效果。值得注意的是,对于`custom_domains`字段来说,如果打算利用自有的合法注册过的顶级域名,则还需要前往相应的DNS服务商处完成A记录或者CNAME记录设置以便正确解析。 当以上两部分都完成后,启动对应的进程即可生效。通常推荐采用如下命令行形式保持程序持续在线运行而不受终端关闭影响: ```bash nohup ./frps -c /path/to/frps.toml & nohup ./frpc -c /path/to/frpc.toml & ``` 这样就完成了基本的FRP内外网互通搭建过程[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值