欢迎来到天天文库
浏览记录
ID:16650555
大小:22.50 KB
页数:3页
时间:2018-08-23
《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
此文档下载收益归作者所有