前端一直是一片充满惊喜的土地，不仅是那些创意页面，还有那些不断被推出的惊人效果和新技术。像node.js这样的后端先锋直接将前端人员的能力扩展到后端。一瞬间，我有了称霸全国的感觉，代码咚咚地在前端和后端之间来回飞。从此，我从前端晋升到前端。

本文将使用Node.js加web socket协议创建一个名为HiChat的web即时聊天程序，中文翻译为“Hi Chat”。听中文名字有点像是为孤独的单身男女设计的~

将使用两个包模块，express和socket.io，这将在下面介绍。

源代码

源代码可以在页面末尾下载

本地操作方法：

在命令行上运行npm安装模块。下载成功后，运行节点服务器启动服务器，打开浏览器访问localhost。下图为效果预览：

准备工作/即将工作

本文的示例环境是Windows，Linux在Node的安装方面与命令行略有不同，程序实现基本独立于平台。

节点相关性

你需要在这台机器上安装Node.js(废话)。你需要一点Node.js的基础知识，如果你还没有了解node.js，这里有一个很好的入门教程，然后我们可以开始创建一个简单的HTTP服务器。

类似于下面非常简单的代码，它创建了一个HTTP服务器并监听系统的端口80。

//节点服务器示例//引入http模块var http=require('http ')，//创建一个服务器server=http . createserver(function(req，res) {res.writehead (200，{ ' content-type ' : ' text/plain ' })；res.write('hello world！');RES . end()；});//监听80端口server . listen(80)；console.log('服务器已启动')；保存为js文件，比如server.js，然后从命令行运行node server或者node server.js，服务器就可以启动了。此时，我们可以在浏览器地址栏中输入localhost进行访问，也可以输入原生的IP127.0.0.1，无需添加端口，因为我们的服务器监控默认端口80。当然，如果你电脑上的端口80被其他程序占用，你可以选择其他端口，比如8080，所以在访问时需要添加端口号localhost:8080。

表达

首先通过npm安装

在我们的项目文件夹下打开命令行(tip:按住Shift键并右键单击，在右键菜单中找到“从此处打开命令行”选项)。在命令行中输入npm install express回车进行安装，然后通过server.js中的require('express ')引入到项目中使用express，express是node.js中管理路由响应请求的模块，根据请求的URL返回对应的HTML页面。在这里，我们使用一个预先编写好的静态页面返回到客户端，只需使用express指定要返回页面的路径即可。如果不使用这个包，就需要把HTML代码和后台JavaScript代码一起编写来响应请求，不方便。

//返回一个简单的HTML内容服务器=http . createserver(function(req，RES) {res.writehead (200，{ ' content-type ' : ' text/HTML '//将返回类型从text/plain更改为text/HTML })；res.write('h1hello world！/h1’)；//返回HTML标记RES . end()；});在存储上一步创建的server.js文件的地方，我们创建了一个名为www的新文件夹来存储我们的网页文件，包括图片和前端js文件。假设已经在www文件夹下编写了一个index.html文件(这将在下一步中介绍，您可以在其中放置一个空的HTML文件)，您可以使用express通过以下方式将页面返回到浏览器。我们可以看到，我们的服务器代码比开始简单得多。

//使用express模块返回静态页面var express=require ('express ')，//引入express模块app=express()，server=require ('http ')。create server(app)；app.use('/'，