初学者指南:使用 Express.js 和 Node.js 构建服务器

阅读时长 4 分钟读完

在前端开发中,构建服务器是不可避免的一部分。Node.js 作为一门基于 JavaScript 的服务器端语言,可以帮助我们在前端与后端进行桥梁连接。而 Express.js 又是 Node.js 中使用最广泛的框架之一,可以帮助我们快速搭建一个高效且可靠的服务器。本篇文章将带领初学者了解如何使用 Express.js 和 Node.js 构建服务器。

准备工作

首先,我们需要在本地安装 Node.js,可以在官网下载安装包,安装完成后,我们就可以在终端中使用 node 命令,并在指定目录下创建 package.json 文件。

接着,我们需要在项目中安装 Express.js。在终端中使用以下命令:

在项目根目录下创建一个名为 app.js 的文件,并引入 Express.js:

至此,我们完成了准备工作,可以开始构建服务器了。

构建服务器

我们需要告诉服务器如何处理收到的请求。Express.js 充当的是路由的角色,即根据收到的请求,将请求发送到相应的处理程序中。在构建路由之前,我们需要先对 Express.js 进行一些配置。

-- -------------------- ---- -------
-- --
--------------- ---------------- -- ------

-- ------
-------------------------------- - ------------

-- -- ---- ------
---------------------------- --------- ---- ----

------------------------

以上代码中,set 方法是 Express.js 中的方法之一,用于设置变量的值,此处我们将端口号设置为 3000use 方法用于注册中间件,其中,express.static 方法用于处理静态文件请求,这里指定了静态资源目录为 publicexpress.urlencoded 方法用于处理 post 请求中的数据,express.json 方法用于处理 json 格式的数据。

接着,我们可以开始构建路由了。

以上代码中,我们创建了一个基本的路由。处理请求是通过绑定回调函数来实现的,回调函数接收两个参数,分别是 reqres,其中,req 参数保存了请求信息,例如,请求 URL、请求方法和请求头等等;而 res 参数则保存了响应信息,例如,响应状态码、响应头和响应数据等等。在此回调函数中,我们调用 res.send 方法返回了一个字符串 Hello World!

最后,我们需要启动服务器。

接下来,在终端中输入以下命令启动服务器。

打开浏览器,输入 http://localhost:3000/,将会看到页面上显示 Hello World!,这样,一个简单的服务器就建立完成了。

总结

本篇文章介绍了如何使用 Express.js 和 Node.js 构建服务器。我们先安装和配置了 Express.js,然后创建了一个基本的路由,并最后启动了服务器。值得注意的是,在实际开发中,服务器需要具有更多的功能和扩展性,例如,处理路由参数、处理异常,以及连接数据库等等,这将在后续文章中进行介绍。

完整代码如下:

-- -------------------- ---- -------
--- ------- - -------------------
--- --- - ----------

-- --
--------------- ---------------- -- ------

-- ------
-------------------------------- - ------------

-- -- ---- ------
---------------------------- --------- ---- ----

------------------------

-- --
------------ ------------- ---- -
  --------------- ---------
---

-- -----
--------------------------- ---------- -
  ------------------- ------- -- ---- - - -----------------
---

希望此篇文章对正在初学者能够有所帮助,同时也希望大家多多实践,逐步掌握构建服务器的技巧。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64b1197148841e9894d6dade

纠错
反馈