随着移动互联网的蓬勃发展,越来越多的 web 开发者开始从 pc 网站转向移动端 web 应用开发。而在这个牛鼻子的时代,node.js 成了前端开发者的必备技能之一。相信很多初学者都想学一下如何用 node.js 搭建服务器,实现一个简单的 web 应用。那么今天就让我们来一起学习一下如何使用 node.js 搭建服务器,实现一个基本的 html5 页面。
一、什么是 Node.js
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境,它可以运行在浏览器之外的服务器环境中。Node.js 的出现,使得前端开发者可以直接使用 JavaScript 进行后端开发,不再需要学习其他的后端语言和框架,这给前端开发提供了更多的可能性。
Node.js 的特点:
- 异步I/O:Node.js 采用事件驱动、异步 I/O 的编程模型,可以高效地处理大量并发连接,同时节省系统资源。
- 单线程:Node.js 只有一个线程,但是通过事件轮询和异步 I/O,可以处理多个连接,而不会阻塞其他任务。
- 适用于实时应用:Node.js 适用于实时应用,如聊天室、在线游戏、协同编程等,它可以使消息在客户端和服务端之间实时传递,提高实时交互体验,同时支持持续连接。
二、环境搭建
立即学习“前端免费学习笔记(深入)”;
- 安装 Node.js
在官网 https://nodejs.org/en/ 上下载适合自己电脑的 Node.js 安装包,并按照提示安装。
- 创建项目
打开控制台,新建文件夹并进入:
mkdir nodejs-server cd nodejs-server
然后在该目录下创建一个服务器文件,命名为 server.js:
touch server.js
- 编写代码
打开 server.js 文件,输入以下代码:
var http = require('http'); //引入http模块
var fs = require('fs'); //引入fs模块
var server = http.createServer(function(req, res){
console.log("Request received from "+ req.url); //打印请求的路径
res.writeHead(200, {'Content-Type': 'text/html'}); //设置响应头部,200表示一切正常
var html = fs.readFileSync(__dirname + '/index.html', 'utf-8'); //读取html文件,__dirname表示当前文件所在的目录路径
res.end(html); //将读取的内容返回
});
server.listen(3000); //监听3000端口
console.log("Server running at http://localhost:3000/");解释一下代码:
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。它不是新的编程语言,而是一种使用现有标准的新方法,最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容,不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。《php中级教程之ajax技术》带你快速
- 首先引入了 Node.js 的 http 和 fs 模块。
- 通过 http.createServer() 方法创建一个服务器对象。
- 在服务器对象的回调函数中,在控制台打印了请求的路径。
- 设置了响应头部,并读取了 index.html 文件,将其内容返回。
- 在最后一行,监听了3000端口。
- 创建 HTML 文件
在 nodejs-server 文件夹下创建一个 index.html 文件,用于返回给客户端的 HTML 页面。
输入以下代码:
Node.js Server
Node.js Server
Welcome to my Node.js Server!
三、运行项目
在控制台执行以下命令:
node server.js
然后在浏览器中输入 http://localhost:3000/,就可以看到一个简单的 HTML 页面了。
四、总结
本文简单介绍了如何使用 Node.js 搭建一个简单的服务器,实现了基本的 HTML 页面的访问。因此可以了解到,Node.js 具有良好的扩展性,能够轻松地实现 web 应用中的数据处理,观察及服务环境控制等基础操作,共同为创建高效的 web 应用平台提供支持,也可以将其作为前端开发者更方便的选择。










