欢迎来到 Node.js+Express.js 实战教程之知乎日报。在本文中，我们将会详细讲解如何使用 Node.js 和 Express.js 来开发一个简单的知乎日报应用程序。
为什么选择 Node.js+Express.js？
在选择一个 Web 开发框架时，我们需要考虑多个因素，例如易用性、灵活性、可扩展性等等。在这些因素中，我们还需要看到这个框架是否能够满足我们的需求。
Node.js 是一个非常流行的平台，它允许我们使用 JavaScript 来服务器端编程。Node.js 拥有众多的优点，例如高性能、轻量级、可扩展性等等。Express.js 是一个构建在 Node.js 之上的 Web 框架，它使我们能够轻松地构建复杂的 Web 应用程序。
通过结合 Node.js 和 Express.js，我们可以快速搭建一个高效的 Web 应用程序。
知乎日报的基本架构
在本教程中，我们将会构建一个简单的知乎日报应用程序，该应用程序将会允许用户查看每日的热点新闻。
我们的 Web 应用程序将会由一个客户端和一个服务器组成，客户端将会与服务器通信来获取新闻数据。我们将会使用 Express.js 来搭建自己的服务器，并使用 Ajax 技术来实现客户端和服务器之间的通信。
搭建服务器
在使用 Express.js 构建我们的服务器之前，我们需要确保已经安装了 Node.js。在你的计算机上安装 Node.js 后，我们可以使用 npm 安装 Express.js。
npm install express
现在让我们开始构建我们的服务器。在你的工作目录中创建一个名为 app.js 的 JavaScript 文件，并将以下代码添加到其中。
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ -------- ----- ---- - --------------- --------- --- ---------------- -------- -- - -------------------- --- --------- -- ---- -------- ---
在这段代码中，我们引入了 Express.js 模块并将其初始化为 app 变量。接着，我们定义了一个简单的路由处理程序，将访问根路径的 GET 请求发送到客户端。我们还需要将服务器绑定到特定端口上，这里我们将其设置为 3000。
获取知乎日报数据
现在我们已经搭建了我们的服务器，我们需要获取知乎日报的数据。知乎日报提供了一个公共 API，我们可以使用它来获取新闻数据。
在我们的应用程序中，我们将使用 XMLHttpRequest 对象来向知乎日报 API 发送请求。在 app.js 文件中，我们可以将以下代码添加到我们的服务器中。
-- -------------------- ---- -------
----- ----- - -----------------
---------------- -------- ----- ---- -
-------------------------------------------------------- -------- -------- -
--- ---- - ---
----------------- -------- ------- -
---- -- ------
---
---------------- -------- -- -
---------------
---
---
---在这段代码中，我们监听 /news 路由请求，并使用 HTTPS 模块向知乎日报 API 发送 GET 请求。我们使用 on('data') 和 on('end') 事件来监听响应数据，并将其发送到客户端。
更新客户端
我们现在已经可以从知乎日报 API 获取数据并在服务器上向客户端发送它了。让我们更新我们的客户端代码，以便可以成功获取数据并渲染新闻。
在我们的 HTML 文件中，我们可以添加以下代码。
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------ -------------
-------
------
---- -------------------
--------
-------- --------- -
----- --- - --- -----------------
--------------- ---------
---------- - -------- -- -
-- ----------- --- ---- -
----- ---- - -----------------------------
----- ------- - -----------------------------------
----------------------------- ------- -
----- --------- - ------------------------------
--------------------- - ------------
-------------------------------
---
-
--
-----------
-
----------
---------
-------
-------在这段代码中，我们使用 XMLHttpRequest 对象向服务器发送 /news 请求，并在响应成功后将 JSON 数据解析为 JavaScript 对象，并将其渲染为包含新闻标题的 DIV 元素。
结论
至此，我们已经成功地搭建了一个使用 Node.js 和 Express.js 的知乎日报应用程序。使用 Node.js 和 Express.js 构建应用程序的好处是多方面的，例如高性能、灵活性和可扩展性都非常强大。现在你已经掌握了如何使用 JavaScript 编程语言来构建 Web 应用程序，我们期待您开发更多 Web 应用程序并平稳运行！
示例代码：https://github.com/luqiasm/nodejs-expressjs-zhihu-daily
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6739957dd4ed1d74d412969a