如何将HTML模板转换为Node.JS网络应用程序

时间:2019-10-22 04:07:05

标签: node.js express

我从Node.JS的旅程开始,在https://github.com/azouaoui-med/pro-sidebar-template发现了一个很棒的样板。我不确定如何将静态html转换为Web应用程序。只是想知道有更多经验的人会怎么做?

我是否可以将HTML转换为PUG模板文件?我猜测是要让onclick /链接实际运行一些代码,我需要将它们指向Web应用程序中设置的路由吗?

很抱歉问这样一个没有经验的问题,Web应用程序似乎对我熟悉的编程的台式机应用程序采取了截然不同的方法

我要创建一个在服务器上运行的Web应用程序,稍后再通过电子将其放置在桌面上。

谢谢

1 个答案:

答案 0 :(得分:1)

您拥有的项目正在使用浏览器同步,该浏览器间接使用NodeJS运行本地服务器并托管Web应用程序文件。

Do I take the HTML and translate it into a PUG template file?

除非您特别想使用服务器端渲染,否则我不确定该问题,尤其是如果您打算稍后将其转换为桌面应用程序,我不确定会建议这样做。 [注意*-假设您在上面的语句中引用了此库PUGJS

现在,为此要求I'm wanting to create a web app that runs on a server, which I will later put on the desktop via electron.

这将要求您将最常称为后端的数据服务层与最常称为前端的数据查看层分开。因此,在不同类型的客户端之间使用相同数据层的情况也就是。一个Web应用程序和/或一个桌面应用程序(如果您选择的话,则为电子版)

步骤1 -定义要遵循或使用的Web应用程序体系结构。这将基于您的项目和业务需求。从到目前为止的信息中,我将建议一种简单的客户端-服务器体系结构,其中您的前端或Web应用程序是客户端,该客户端对后端(API Server)进行REST API调用,从而产生有意义的结果。

第2步-从创建2个项目开始,其中将包含HTML,CSS JS等前端,以及一个简单的NodeJS脚本,以在服务器上部署该静态Web应用程序时为其提供服务。我正在使用NodeJS,因为这个问题的上下文暗示了同样的问题。

第3步-另一个项目,它将仅是API服务器或后端。该服务器将仅向前端提供REST API。该服务器将与数据库对话并提供其他服务,例如身份验证和日志记录等。您也可以在前端项目中使用expressJS。

这是您可以参考的客户端-服务器模型的简化表示形式。

enter image description here

一些其他链接供您摘要。

What is the difference between a web application and a client/server application?

https://medium.com/codiumclub/web-application-architecture-part-1-guide-to-become-full-stack-developer-cc9526a3519b