通过 tomcat 让手机访问到电脑写的 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

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/44657.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

科普文:Java对象在堆中的内存结构

概叙 今天来讲些抽象的东西 -- 对象头,因为我在学习的过程中发现很多地方都关联到了对象头的知识点,例如JDK中的 synchronized锁优化 和 JVM 中对象年龄升级等等。 对象内存构成# Java 中通过 new 关键字创建一个类的实例对象,对象存于内存的…

7.10日学习打卡----初学Redis(五)

7.10日学习打卡 目录: 7.10日学习打卡一. redis功能流水线pipeline什么是流水线?pipeline实现使用pipeline 发布与订阅Redis的发布与订阅发布订阅命令行实现 慢查询Redis命令执行的整个过程如何进行配置实践建议 二 . redis的持久化机制RDB持久化机制触发…

Golang | Leetcode Golang题解之第227题基本计算器II

题目&#xff1a; 题解&#xff1a; func calculate(s string) (ans int) {stack : []int{}preSign : num : 0for i, ch : range s {isDigit : 0 < ch && ch < 9if isDigit {num num*10 int(ch-0)}if !isDigit && ch ! || i len(s)-1 {switch preS…

洞察消费者心理:Transformer模型在消费者行为分析的创新应用

洞察消费者心理&#xff1a;Transformer模型在消费者行为分析的创新应用 在数字化时代&#xff0c;消费者行为分析对于企业理解市场动态、制定营销策略至关重要。Transformer模型&#xff0c;以其在处理序列数据方面的优势&#xff0c;为消费者行为分析提供了新的视角和工具。…

【大模型】解码LLM:GPT-3与LaMDA的架构比较与对比

解码LLM&#xff1a;GPT-3与LaMDA的架构比较与对比 引言一、GPT-3&#xff1a;解密大规模预训练的奥秘1.1 架构概览1.2 关键技术1.3 应用场景 二、LaMDA&#xff1a;对话智能的新篇章2.1 架构概览2.2 关键技术2.3 应用场景 三、比较与对比&#xff1a;GPT-3 vs. LaMDA3.1 架构设…

JavaSE学习笔记第二弹——对象和多态(下)

今天我们继续复习与JavaSE相关的知识&#xff0c;使用的编译器仍然是IDEA2022&#xff0c;大家伙使用eclipse或其他编译环境是一样的&#xff0c;都可以。 目录 数组 定义 一维数组 ​编辑 二维数组 多维数组 数组的遍历 for循环遍历 ​编辑 foreach遍历 封装、继承和…

宝塔:如何开启面板ssl并更新过期ssl

1、登录宝塔面板 > 前往面板设置 > 最上方的安全设置 > 面板SSL > 面板SSL配置 打开后先查看自签证书的时间&#xff0c;如果时间是已经过期的&#xff0c;就前往这个目录&#xff0c;将该目录下所有文件都删掉 重新回到面板SSL配置的位置&#xff0c;打开后会看到…

【山东大学】web数据管理——复习笔记

写在前面 若有图片加载失败&#xff0c;请科学上网 。本文为对软件学院连老师的PPT课件总结所得的复习笔记&#xff0c;仅供参考。不保证对考点的全覆盖&#xff0c;以PPT为主。对往年考过的题相关知识点前面都标注了“考过”&#xff0c;并高亮&#xff0c;供参考。写的比较匆…

iCloud数据宝库:全方位掌握笔记应用数据存储

iCloud数据宝库&#xff1a;全方位掌握笔记应用数据存储 在数字化时代&#xff0c;我们的日常生活和工作中产生了大量的笔记数据&#xff0c;这些数据的安全性、可访问性和同步性至关重要。苹果的iCloud服务提供了一个强大而便捷的解决方案&#xff0c;允许用户在所有设备上存…

【PB案例学习笔记】-31制作一个动态设置菜单的程序

写在前面 这是PB案例学习笔记系列文章的第31篇&#xff0c;该系列文章适合具有一定PB基础的读者。 通过一个个由浅入深的编程实战案例学习&#xff0c;提高编程技巧&#xff0c;以保证小伙伴们能应付公司的各种开发需求。 文章中设计到的源码&#xff0c;小凡都上传到了gite…

初识C++语言(1)

目录 C语言简介 C 语言概述 C 语言的特点 语言简洁紧凑&#xff0c;使用灵活方便 运算符丰富 数据结构丰富 结构化语言 生成的代码质量高 可移植性强 C程序结构 C语言系统的使用 一.启动Dev-C 二、新建源程序 三…

星辰计划02-独特视角的spring动态代理

承接上一文 动态代理 &#xff0c;这里探究spring 动态代理 会话1&#xff1a;spring动态代理 quick start &#x1f467;哥哥&#xff0c;哥哥&#xff0c;spring 怎么去搞动态代理的呢&#x1f468; 来来来&#xff0c;听我细细来说 quick start通过Spring的 ProxyFactory…

nvm安装node一直没有npm

报错问题&#xff1a;使用nvm安装Node.js后没有npm。 解释&#xff1a; NVM (Node Version Manager) 是一个用于管理Node.js版本的工具&#xff0c;它允许你在同一台机器上安装和使用不同版本的Node.js。通常情况下&#xff0c;安装Node.js的过程中会自动包含npm&#xff08;…

LoRaWAN网络协议Class A/Class B/Class C三种工作模式说明

LoRaWAN是一种专为广域物联网设计的低功耗广域网络协议。它特别适用于物联网&#xff08;IoT&#xff09;设备&#xff0c;可以在低数据速率下进行长距离通信。LoRaWAN 网络由多个组成部分构成&#xff0c;其中包括节点&#xff08;终端设备&#xff09;、网关和网络服务器。Lo…

Unity到底有无collider可视化,方便调试子弹,ACT,做Demo等

参照日本程序员的代码,改了一些,算是支持MeshCollider 好像确实就是日本《博客》比较多这类,可视化的调试资料 UnityでデバッグをするときColliderを可視化したいことってありますよね。 コライダーを見える化するには Physics Debuggerを使う可視化スクリプトを使うの2通り…

AWS 云安全性:检测 SSH 暴力攻击

由于开源、低成本、可靠性和灵活性等优势&#xff0c;云基础设施主要由基于linux的机器主导&#xff0c;然而&#xff0c;它们也不能幸免于黑客的攻击&#xff0c;从而影响云的安全性。攻击Linux机器最流行的方法之一是通过SSH通道。 什么是 SSH 安全外壳协议&#xff08;Sec…

使用来此加密申请多域名SSL证书

在数字化时代的浪潮中&#xff0c;网站的安全性已成为企业和个人不可或缺的一部分。特别是在数据传输和用户隐私保护方面&#xff0c;SSL证书的作用愈发显著。 申请多域名SSL证书步骤 1、登录来此加密网站&#xff0c;输入域名&#xff0c;可以勾选泛域名和包含根域。 2、选择…

Unity3D中UI层级改变详解

在Unity3D开发中&#xff0c;UI层级的调整是常见的需求&#xff0c;它直接关系到用户界面(UI)元素的显示顺序。在Unity的UI系统中&#xff0c;主要使用UGUI&#xff08;Unitys Graphical User Interface&#xff09;来实现界面布局和元素展示。本文将详细讲解Unity3D中如何改变…

华为机考真题 -- 连续自然数之和来表达整数

题目描述&#xff1a; 一个整数可以由连续的自然数之和来表示给定一个整数&#xff0c;计算该整数有几种连续自然数之和的表达式&#xff0c;且打印出每种表达式 示例&#xff1a; 输入 9 输出 99 945 9234 Result:3 C源码&#xff1a; #include <iostream> #includ…

代码随想录-DAY⑦-字符串——leetcode 344 | 541 | 151

344 思路 没啥好说的&#xff0c; 双指针头尾交换&#xff0c; 相遇结束。 时间复杂度&#xff1a;O(n) 空间复杂度&#xff1a;O(1) 代码 class Solution { public:void reverseString(vector<char>& s) {int left0, rights.size()-1;while(left<right){swa…