如何在局域网中我自己的 PC 上部署移动 Web 应用程序（html5+jQuery Mobile）

Posted 2023-02-26

【中文标题】如何在局域网中我自己的 PC 上部署移动 Web 应用程序（html5+jQuery Mobile）

【英文标题】：How to Deploy a mobile web app ( html5+jQuery Mobile) on My Own PC in a Local Area Network

【发布时间】：2018-10-06 04:58:14

【问题描述】：

我是移动网络应用开发的新手。我正在办公室尝试完成一个移动网络应用项目，并来询问如何开始。

我们办公室有一个局域网 (LAN)。在我的假设中，我将使用 html5+jQuery Mobile 为办公室的所有同事（大约 50 人）构建一个移动 Web 应用程序。我正在使用 C++ Qt 框架来构建后端服务器，它将处理后端逻辑，向运行在多个设备上的 Web 应用程序发送数据并从中获取数据。定义 Web 应用程序的 .html、.css 和其他文件应仅部署在服务器 PC 上。

我的问题是：

(1) 我的同事如何访问这些 .html 和 .css 文件，并在他们的手机或电脑上通过在他们的同事中输入一些 URL（与我的 PC 在局域网中的 IP 地址相关）来打开它们浏览器？当然，他们的设备也作为我的PC，也就是服务器在这个局域网中。

(2) 是否有任何教程、指南或博客可以帮助解决这个问题？

这只是办公室恶魔的原型项目。所以只需要在这么小的范围内工作。所有的通信都应该由 HTTP 完成。

非常感谢！

【问题讨论】：

您在计算机上运行的任何服务器都应该可供 LAN 上的其他人访问。他们只需要您的 IP 地址或网络上的机器名称解析。例如，如果您的网络类似于“internal.mycompany.net”并且您的机器名称是“PC0045W”或其他名称，您应该能够使用“PC0045W.internal.mycompany.net”访问电脑。在任何情况下，您只需要弄清楚您要运行哪个服务器并找出您喜欢的共享 ip 的方法。但这两个都是非常广泛的问题。

根据您要编码的内容，某些语言具有您可以自动包含的服务器。例如，npm/nodejs 可以选择包含可以提供静态文件的“serve”包。 npmjs.com/package/serve我使用这个选项在本地测试我的一些东西，它工作正常。 （例如。github.com/taplar/webpack-vue-serviceworker）

感谢您的帮助！附加信息是，我想使用 C++ 和 Qt 框架在 Windows 上实现这个服务器。我希望 Web 应用程序可以通过 HTTP 与服务器交互（请求数据并获取响应）。我知道 HTTP 通信可以由 Qt 和 jQuery 提供的 API 处理。但是我的同事在局域网中访问了我的PC，如何获取我PC上的html和css文件呢？有没有这方面的教程或指南？非常感谢！

您可能想用 C++ 和 Qt 标记您的问题，以便对与这些主题相关的问题有更多的了解。 @WeilyBrown

非常感谢您的帮助！我搜索了一些资源，发现有很多东西要学。我觉得spring-boot可能是比较适合我这种初学者的结构，下面贴一个简单的教程。

【参考方案1】：

这几天我在网上搜索了一些教程，发现了一些对像我这样的网络开发初学者有用的东西。

一些 web 应用程序框架很有帮助，其中 spring-boot 对于像我这样的初学者来说似乎是一个简单的使用。下面的教程，

https://dzone.com/articles/java-8-springboot-angularjs-bootstrap-springdata-j

提供了一个非常清晰的spring-boot web-app 结构，带有Java 实现的后端和ccs+js+html 前端。我认为这是一个很好的演示项目，适合初学者学习 spring-boot 和更深入的 web-app 开发技能。