node.js + web socket 打造即时聊天程序嗨聊(1)

《node.js + web socket 打造即时聊天程序嗨聊(1)》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Node.js+WebSocket打造即时聊天程序嗨聊(1)本文将使用Node.js加websocket协议打造一个网页即时聊天程序，取名为HiChat，中文翻过来就是'嗨聊'，听中文名有点像是专为寂寞单身男女打造的~AD：前端一直是一块充满惊喜的土地，不仅是那些富有创造性的页面，还有那些惊赞的效果及不断推出的新技术。像node.js这样的后端开拓者直接将前端人员的能力扩大到了后端。瞬间就有了一统天下的感觉，来往穿梭于前后端之间代码敲得飞起，从此由前端晋升为'前后端'。图片来自G+本文将使用Node.js加websocket协议打造一

2、个网页即时聊天程序，取名为HiChat，中文翻过来就是'嗨聊'，听中文名有点像是专为寂寞单身男女打造的~其中将会使用到express和socket.io两个包模块，下面会有介绍。源码演示在线演示(heroku服务器网速略慢且免费套餐是小水管，建议下载代码本地运行)源码可访问项目的GitHub页面下载本地运行方法：命令行运行npminstall模块下载成功后，运行nodeserver启动服务器打开浏览器访问localhost下图为效果预览：本文示例环境为Windows，Linux也就Node的安装与命令行稍有区别，程序实现部分基本与平台

3、无关。Node相关你需要在本机安装Node.js（废话）多少需要一点Node.js的基础知识，如果还未曾了解过Node.js，这里有一篇不错的入门教程然后我们就可以开始创建一个简单的HTTP服务器啦。类似下面非常简单的代码，它创建了一个HTTP服务器并监听系统的80端口。nodeserverexample引入http模块varhttp=require('http'),创建一个服务器server=http.createServer(function(req,res){res.writeHead(200,{'Content-Type':'

4、textplain'});res.write('helloworld!');res.end();});监听80端口server.listen(80);console.log('serverstarted');将其保存为一个js文件比如ser高山美人茶eupai.netver.js，然后从命令行运行nodeserver或者nodeserver.js，服务器便可启动了，此刻我们可以在浏览器地址栏输入localhost进行访问，也可以输入本机IP127.0.0.1，都不用加端口，因为我们服务器监听的是默认的80端口。当然，如果你机子上面80

5、端口被其他程序占用了，可以选择其他端口比如8080，这样访问的时候需要显示地加上端口号localhost:8080。Express首先通过npm进行安装在我们的项目文件夹下打开命令行（tip:按住Shift同时右击，可以在右键菜单中找到'从此处打开命令行'选项）在命令行中输入npminstallexpress回车进行安装然后在server.js中通过require('expre玛瑙mnwg.netss')将其引入到项目中进行使用otherstaffoftheCentre.Duringthewar,Zhuwastransferredba

6、cktoJiangxi,andDirectorofthenewOfficeinJingdezhen,JiangxiCommitteeSecretary.Startingin1939servedasrecorderoftheWestNorthOrganization,SecretaryoftheSpecialCommitteeAfterthevictoryofthelongMarch,hehasbeentheNorthwestOfficeoftheFederationofStateenterprisesMinister,Shenmufu

7、guSARmissions,DirectorofNingxiaCountypartyCommitteeSecretaryandrecorderoftheCountypartyCommitteeSecretary,Ministersandexpress是node.js中管理路由响应请求的模块，根据请求的URL返回相应的HTML页面。这里我们使用一个事先写好的静态页面返回给客户端，只需使用express指定要返回的页面的路径即可。如果不用这个包，我们需要将HTML代码与后台JavaScript代码写在一起进行请求的响应，不太方便。返回一个

8、简单的HTML内容server=http.createServer(function(req,res){res.writeHead(200,{'Content-Type':'texthtml'将返回类型由textplai