我正在开始我的 Node.JS 之旅,我在 https://github.com/azouaoui-med/pro-sidebar-template 发现了一个很棒的样板。 。我不确定如何将静态 html 转换为网络应用程序。只是想知道有更多经验的人会如何做到这一点?
我是否需要将 html 转换为 PUG 模板文件?我猜测要让 onclick/links 实际上运行一些代码,我需要将它们指向网络应用程序中的路由设置?
很抱歉问这样没有经验的问题,网络应用程序似乎采用了与我熟悉的桌面应用程序截然不同的编程方法
我想创建一个在服务器上运行的网络应用程序,稍后我将通过电子将其放在桌面上。
谢谢
最佳答案
您的项目正在使用 browser-sync,它间接使用 NodeJS 来运行本地服务器并托管 Web 应用程序文件。
我是否需要将 HTML 转换为 PUG 模板文件?
我不确定这个问题,除非您特别想使用服务器端渲染,否则我不确定我是否会建议从这个问题开始,特别是如果您计划稍后将其转换为桌面应用程序。 [注意* - 假设您正在引用此库 PUGJS在上述陈述中]
现在对于这个要求我想创建一个在服务器上运行的网络应用程序,稍后我将通过电子将其放在桌面上。
这将要求您将数据服务层(通常称为后端)与数据查看层(通常称为前端)分开。因此,在不同类型的客户端(即)之间使用相同的数据层的情况。 Web 应用程序和/或桌面应用程序(如果您选择是电子应用程序)
第 1 步 - 定义您想要遵循或使用的 Web 应用程序架构类型。这将基于您的项目和业务要求。根据我目前掌握的信息,我建议采用一种简单的客户端-服务器架构,其中前端或 Web 应用程序是客户端,它对后端(API 服务器)进行 REST API 调用,从而产生有意义的结果。
第 2 步 - 首先创建 2 个项目,一个是 HTML、CSS JS 等所在的前端,一个简单的 NodeJS 脚本,用于在部署到服务器上时为该静态 Web 应用程序提供服务。我将选择 NodeJS,因为这个问题的上下文暗示了相同的内容。
第 3 步 - 另一个项目仅是 API 服务器或后端。该服务器将仅向前端提供 REST API。该服务器将与数据库通信并提供其他服务,例如身份验证和日志记录等。您也可以在前端项目中使用expressJS来实现此目的。
这是客户端-服务器模型的简单表示,您可以引用。
一些额外的链接供您消化。
What is the difference between a web application and a client/server application?
关于node.js - 如何将 HTML 模板转换为 Node.JS Web 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58496937/