【问题标题】:How can I convert a HTML template into a Node.JS web app如何将 HTML 模板转换为 Node.JS Web 应用程序
【发布时间】:2020-02-18 04:06:27
【问题描述】:

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

我是否将 html 转换为 PUG 模板文件?我猜想然后让 onclick / 链接实际运行一些代码,我需要将它们指向网络应用程序中的路线设置?

很抱歉问这种没有经验的问题,网络应用似乎对我熟悉的桌面应用采用了截然不同的方法来编程

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

谢谢

【问题讨论】:

    标签: node.js express


    【解决方案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.

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

    第 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?

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

    【讨论】:

    • 太棒了,非常感谢。我决定使用 expressjs,使用 CoreUI 作为前端模板。现在我只需要弄清楚如何实现离线优先的方法,这样客户端就可以在没有互联网连接的情况下运行。有什么建议吗?
    • Nodejs 将在您的机器上启动一个本地服务器,而无需互联网连接。唯一需要 Internet 的部分是安装依赖项时。
    • 对不起,我没有很好地解释自己。我的意思是先离线数据库。这样一来,如果互联网中断(欢迎来到澳大利亚),桌面客户端仍然可以工作。我已经实现了 mongodb,但我不相信我可以像 pouchdb 对 couchdb 那样实现同步。当您想要一个离线优先的数据结构时,PouchDB -> CouchDB 是不是最好的选择?谢谢
    • 好吧,我可以收集到..也许这应该有所帮助。 stackoverflow.com/questions/27225233/…
    • 非常感谢。我将看看如何实现它。似乎 PouchDB/CouchDB 是一个很好/得到很好支持的替代方案。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-15
    • 1970-01-01
    • 1970-01-01
    • 2021-04-02
    • 1970-01-01
    相关资源
    最近更新 更多