当前位置:   article > 正文

通过 tomcat 让手机访问到电脑写的 html 网页_手机访问html页面

手机访问html页面

之前实现的 html 小项目只能在自己的电脑上展示,如果要在其他电脑或者在手机上就看不到网页了

想要在手机上访问自己写的网页,我们可以借助 tomcat

首先我们可以从官网下载 tomcat

官网链接:apache官网

我们拉到最底部,找到 apache 公司下的 tomcat 下载 zip 版本即可(只有十几MB,解压后直接用文件夹)

cdf6e21ddc224fbdbc182e0dc222c055.png

要运行 tomcat ,我们必须要确保我们的环境变量中有 jdk

jdk17 和 tomcat10 是适配的,我用的这两个

我们需要在在环境变量中配置 JAVA_HOME 和 CATALINA_HOME 两个变量,分别装入 jdk 和 tomcat 的路径

3a091615d40f41c8ba3d3ed1d9556da9.png

然后在 path 中引用这两个路径(如图中 line_1 和 line_4)

a7833769a2b64f47a6d944b4ae899543.png

然后我们可以打开命令行,运行 tomcat 了

只需命令行输入 startup 即可运行 tomcat

4f0c19583ba043ea851d7de7ce171141.png

若在输入 startup 后弹出 tomcat 弹窗即表示运行成功

我们可以通过浏览器输入 localhost:8080 访问本机运行的 tomcat

612758847ba541d8a492a8c394c733be.png

连接成功后,我们就可以添加网页代码到 tomcat 中了

我们将之前写好的项目导入到 tomcat 的 webapps 目录下

55e908c8b0b1461ead217f0f5f459e3d.png

20d174ab1c5046779ae8ada62f0fcb2b.png

f939e2d99d244e72a8cc5d5f6f065de8.png

导入完之后就可以通过 tomcat 运行 main.html 程序了

在浏览器输入 localhost:8080/ikun/main.html 可以通过本机访问该网页是否能正常运行

确认能正常运行后,我们便可以尝试在其他设备访问了

通过 tomcat运行的文件,只要处于同一个局域网下,就可以被访问,不过我们需要将防火墙对 8080 这个端口设置允许外部访问,或直接把防火墙先暂时关闭

我们可以通过连好wifi后在命令行输入 ipconfig 指令查找到本计算机在该局域网下的IP地址

然后我们在另外一台连接相同局域网的手机中输入

 自己的地址:8080/ikun/main.html 

便可通过局域网访问到你写的网站啦!

c60f2f4fc7cd47aab81f45a02a138a4d.jpeg

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/在线问答5/article/detail/828449
推荐阅读
相关标签
  

闽ICP备14008679号