在前端开发中,构建服务器是不可避免的一部分。Node.js 作为一门基于 JavaScript 的服务器端语言,可以帮助我们在前端与后端进行桥梁连接。而 Express.js 又是 Node.js 中使用最广泛的框架之一,可以帮助我们快速搭建一个高效且可靠的服务器。本篇文章将带领初学者了解如何使用 Express.js 和 Node.js 构建服务器。
准备工作
首先,我们需要在本地安装 Node.js,可以在官网下载安装包,安装完成后,我们就可以在终端中使用 node
命令,并在指定目录下创建 package.json
文件。
$ mkdir myapp && cd myapp $ npm init
接着,我们需要在项目中安装 Express.js。在终端中使用以下命令:
$ npm install express --save
在项目根目录下创建一个名为 app.js
的文件,并引入 Express.js:
var express = require('express'); var app = express();
至此,我们完成了准备工作,可以开始构建服务器了。
构建服务器
我们需要告诉服务器如何处理收到的请求。Express.js 充当的是路由的角色,即根据收到的请求,将请求发送到相应的处理程序中。在构建路由之前,我们需要先对 Express.js 进行一些配置。
-- -------------------- ---- ------- -- -- --------------- ---------------- -- ------ -- ------ -------------------------------- - ------------ -- -- ---- ------ ---------------------------- --------- ---- ---- ------------------------
以上代码中,set
方法是 Express.js 中的方法之一,用于设置变量的值,此处我们将端口号设置为 3000
。use
方法用于注册中间件,其中,express.static
方法用于处理静态文件请求,这里指定了静态资源目录为 public
。express.urlencoded
方法用于处理 post 请求中的数据,express.json
方法用于处理 json 格式的数据。
接着,我们可以开始构建路由了。
app.get('/', function(req, res) { res.send('Hello World!'); });
以上代码中,我们创建了一个基本的路由。处理请求是通过绑定回调函数来实现的,回调函数接收两个参数,分别是 req
和 res
,其中,req
参数保存了请求信息,例如,请求 URL、请求方法和请求头等等;而 res
参数则保存了响应信息,例如,响应状态码、响应头和响应数据等等。在此回调函数中,我们调用 res.send
方法返回了一个字符串 Hello World!
。
最后,我们需要启动服务器。
app.listen(app.get('port'), function() { console.log('Server started on port ' + app.get('port')); });
接下来,在终端中输入以下命令启动服务器。
$ node app.js
打开浏览器,输入 http://localhost:3000/
,将会看到页面上显示 Hello World!
,这样,一个简单的服务器就建立完成了。
总结
本篇文章介绍了如何使用 Express.js 和 Node.js 构建服务器。我们先安装和配置了 Express.js,然后创建了一个基本的路由,并最后启动了服务器。值得注意的是,在实际开发中,服务器需要具有更多的功能和扩展性,例如,处理路由参数、处理异常,以及连接数据库等等,这将在后续文章中进行介绍。
完整代码如下:
-- -------------------- ---- ------- --- ------- - ------------------- --- --- - ---------- -- -- --------------- ---------------- -- ------ -- ------ -------------------------------- - ------------ -- -- ---- ------ ---------------------------- --------- ---- ---- ------------------------ -- -- ------------ ------------- ---- - --------------- --------- --- -- ----- --------------------------- ---------- - ------------------- ------- -- ---- - - ----------------- ---
希望此篇文章对正在初学者能够有所帮助,同时也希望大家多多实践,逐步掌握构建服务器的技巧。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64b1197148841e9894d6dade