作者:搞笑--林佳豪_533_654 | 来源:互联网 | 2023-09-18 15:31
关于手机访问本地Tomcat服务器上正在运行的项目前言一、第一步打开电脑端口(win10)二、第二步手机访问Tomcat项目三、第三步设置电脑固定IP第一种方式第二种方式*重点
关于手机访问本地Tomcat服务器上正在运行的项目
- 前言
- 一、第一步打开电脑端口(win10)
- 二、第二步手机访问Tomcat项目
- 三、第三步设置电脑固定IP
- *重点,装a克斯的来了
- 制作属于你自己的二维码,手机扫描二维码获取特定信息
前言
这还是我刚开始做实习工作的时候,那时候还是一个初出社会,没经历过代码毒打的年轻人遇到的小问题之一(现在也还是年轻人!),现在有机会记录一下自己在这条路上的心路历程,以及一些很有针对性的小经验(纯属歪门邪道),但你认真品味过后说不定,也会眼前一亮,说:嘿!这年轻人,有点儿东西,上道儿;当然在这条路上,你我皆是前行者,探索者,创造者,终会走出不同的路!
那时候跟一个同事一起在开发一个手机客户端的应用,当时他做完了,竟然可以用手机就看到效果了,当时作为一个小萌新的博主,那是整的懵逼啊,然后瞬间就来了一波百度,现在,博主如果单纯的再叙说手机端如何访问本地Tomcat服务器就没得必要了!!!
这篇文章的主要内容如下:
- 手机扫描二维码,访问本地Tomcat
- 将自己的电脑在局域网内设定为固定IP地址
因为前面有一篇文章潦草记录了一下,生成二维码的点点东西,在这里用一下旧的知识,至于设置成固定IP那个,比如你们公司要开发一个手机项目,那你前期必不可少的要在手机上去看一下具体效果(电脑上不得劲儿,个人感受),电脑连公司WiFi,它分配给你的IP 是动态的,比如,你今天连接,它可能是192.168.0.10,那你断开后,明天再来上班连就可能是192.168.0.16…等等。那么你手机访问本地电脑的服务器就需要经常改变地址…这真T#$%^&,反正就是麻烦
一、第一步打开电脑端口(win10)
tomcat使用的默认的8080端口,这个口是不对外开放的,所要到防火墙进行配置,步骤如下:
控制面板 ->window10防火墙->高级设置->入站规则->新建规则->选择端口->点击下一步->在特定本地端口中,输入端口(如8080),点击下一步,再点击下一步,一直到完成
建议多开放几个端口,因为8080可能有被占用的情况,如:8086,8099等
网上说:在cmd下输 telnet 127.0.0.1 8080 查看是否开启成功,不知道你们得不得行,反正我这儿是没操作成功,不过不影响
然后手机和电脑接入同一局域网中(wifi),也可以电脑连接手机的热点,然后按win+R,输入cmd,再输入ipconfig命令,找到如下图:
如图,博主在该局域网的ipv4地址是192.168.0.125,那是博主自己设定的,只要125这个地址没有被别人占用,那么不论我以后连接那个WiFi,我本机的地址都不会变,都一直会是192.168.0.125(注意:如果以后你连不上网了,密码又是对的,建议你去看一下这个地址,所以最后以为尽量设置大一点,255以内,连接的人少的话就无所谓了)
二、第二步手机访问Tomcat项目
启动你的一个本地Tomcat的web项目,你会发现它的有个localhost,如下:
http://localhost:8099/scanQRcode/
这个localhost就是本机地址,8099是端口,scanQRcode是我目前运行的项目名称
在电脑上将localhost换成你的IPV4地址,如博主的:
http://192.168.0.125:8099/scanQRcode/
你会发现这里两个地址访问的页面是一样的
下面这个地址就是你正在启动的项目在局域网中的地址,只要在这个局域网内的设备都可以通过这个地址访问你的项目了
将这个地址copy到手机,用任意浏览器访问就对了,没得任何问题。
三、第三步设置电脑固定IP
第一种方式
系统设置->WLAN->更改适配器选项,如下
WLAN->右击选择属性->点击internet协议版本4(tcp/ipv4)->属性,如下设置
再去cmd->ipconfig看你的地址变化,记得看之前先断开,重新连接,博主的192.168.0.125就变成了192.168.0.130,以后都只会是这个地址,还是再提一下注意端口被占用哦!!!!!!!
第二种方式
(先连接一个局域网)系统设置->WLAN,点击已经连接的网络(如博主的sr)
进去之后,往下滑动,有个IP设置->点击编辑->编辑IP设置(手动),再如下配置:
再去cmd->ipconfig看你的地址变化
哎,你发现你竟然有两个ipv4地址了,就是这么神奇!!!再去访问你的项目,你发现两个地址都可以访问到
建议小伙伴使用其中一种方法就可以了,哈哈哈~
*重点,装a克斯的来了
制作属于你自己的二维码,手机扫描二维码获取特定信息
由于文章已经很长了,代码我就不再贴在下面了,会放在一个文件里,有兴趣的小伙伴点击链接下载即可,当然是白 坡一熬漂的啦~~,在这里看一下效果截图,先过一把瘾朵。
对前端生成二维码迷糊的小伙伴,也可以先去看一下博主的上一篇文章------------------------>《js生成二维码》
如下图:博主刚刚生成的一个二维码,扫描后会跳转到博主的主页,用手机浏览器,或者微信QQ…等等都可以扫描扫描
其实重点代码就一句
文件地址稍后会追加在后
点击下载二维码小栗子
注意:
如果你想生成一个二维码,扫描以后访问你正在启动的Tomcat的上的项目,一定要详细看一下上面的内容!内容!内容!!(端口打开,同一局域网缺一不可),博主给的代码,拿到后一定要修改上图的text里面的值!!!!好了就说这么多了
创作不易,如果这篇文章能够帮助到你,希望能关注或收藏一下博主,如果文章内容有问题也可留言讨论,我们一起学习,一起进步!!
另,真的创作不易a ,搬运的小伙伴请注明出处~~~