nodejs 服务器 nodejs当web服务器行不行
大家好,今天给各位分享nodejs 服务器的一些知识,其中也会对nodejs当web服务器行不行进行解释,文章篇幅可能偏长,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在就马上开始吧!
nodejs当web服务器行不行
可以呀
使用Node.js搭建Web服务器是学习Node.js比较全面的入门教程,因为实现Web服务器需要用到几个比较重要的模块:http模块、文件系统、url解析模块、路径解析模块、以及301重定向技术等,下面我们就一起来学习如何搭建一个简单的Web服务器。
作为一个Web服务器应具备以下几个功能:
1、能显示以.html/.htm结尾的Web页面
2、能直接打开以.js/.css/.json/.text结尾的文件内容
3、显示图片资源
4、自动下载以.apk/.docx/.zip结尾的文件
5、形如http://xxx.com/a/b/,则查找b目录下是否有index.html,如果有就显示,如果没有就列出该目录下的所有文件及文件夹,并可以进一步访问。
6、形如http://xxx.com/a/b,则作301重定向到http://xxx.com/a/b/,这样可以解决内部资源引用错位的问题。
引入需要用到的几个模块:
//http协议模块varhttp= require('http');//url解析模块varurl= require('url');//文件系统模块varfs= require("fs");//路径解析模块varpath= require("path");
创建服务并在指定的端口监听:
//创建一个服务varhttpServer= http.createServer(this.processRequest.bind(this));//在指定的端口监听服务httpServer.listen(port,function(){console.log("[HttpServer][Start]","runing at http://"+ip+":"+port+"/");console.timeEnd("[HttpServer][Start]");});
在创建服务的时候需要传递一个匿名函数processRequest对请求进行处理,processRequest接收2个参数,分别是request和response, request对象中包含了请求的所有内容,response是用来设置响应头以及对客户端做出响应操作。
请求处理函数中有几个重点需要说一下:
对于路径中有中文的,浏览器会自动进行编码(英文不变,中文会变),因此在接收到地址后,需要对地址进行解码,否则最后得到的路径和真实路径不相符,
当访问路径不是以具体的文件结尾,并且不是以/结尾,则需要通过重定向加上/,表示当前目录,否则当前路径下的静态资源会找不到
如果访问路径是目录,则列出该目录下所有文件及文件夹,并可以点击访问,为了让中文目录能正常显示,则还要在header中设置charset=utf-8
核心代码就这么多,大概140行左右,完整的代码已上传到github:https://github.com/git-onepixel/Node,
如果要运行demo,打开cmd切换到根目录,运行node start即可。
怎么利用nodejs搭建一个简单的服务器
使用nodejs搭建一个简单的服务器
nodejs优点:性能高(读写文件)数据操作能力强
官网:www.nodejs.org
验证是否安装成功:cmd命令行中输入node-v如果显示版本号表示安装成功
【常用命令】
切换盘符 d:
进入文件夹 cd nodejs
返回上一级目录 cd..
清屏 cls
展示目录 dir
复制文件名选中右键--复制
历史操作上箭头
执行文件 node文件名(在文件文件夹目录中)
停止命令行 ctrl+c
nodejs可以使用的ECMAScript、读写文件、数据库操作、搭建服务器
nodejs不可以做的是:DOM、BOM
使用node搭建一个服务器:
//1、引入模块使用的http服务协议是RFC2616 nodejs的作者已经写好了,直接引入就行
var http= require('http');
//引入文件读写模块fs
var fs= require('fs');
//2、创建服务器函数的参数req是发送给服务器的请求,res是服务器的相应
var httpObj= http.createServer(function(req,res){
//编写url其中index.html是要服务器读取的文件
var url= req.url=='/'?'index.html':req.url;
//开始文件读取,参数分别是完整的url编码和读取完毕执行的函数,注意前后台编码需要一致
fs.readFile('www/'+url,'utf-8',function(err,data){
//res.write服务器的相应,当成功的时候,服务器会传输一个data数据,相应结束需要end
if(err){
res.write('404,您访问的页面不存在');
res.end();
}else{
res.write(data);
res.end();
}
});
});
//监听端口
httpObj.listen(80);使用nodejs编写一个sql语句
//和搭建服务器一样,需要先引入模块,mysqle是外生的模块(提前在node中下载),MySQL模块会告诉服务器我们需要add还是get
//1、引入模块,这里多引入了一个mysql模块
var http= require('http');
var fs= require('fs');
var mysql= require('mysql');
//2、连接服务器使用createServer,同样参数也是req和res
var httpObj= http.createServer(function(req,res){
var url= req.url=='/'?'index.html':req.url;
console.log(url);
//给前端提供一个json写前端接口
//这里多了地址、用户名、密码和数据库
if(url.split('?')[0]=='/article'){
//console.log('我要给前端数据接口');
//1.建立连接
var db= mysql.createConnection({
//地址
host:'localhost',
//用户名
user:'root',
//密码
password:'',
//数据库
database:'study'
});
//3、编写sql语句,就是在想请求的时候告诉服务器我们需要add还是get
var sql='SELECT* FROM user';
//3.执行sql返回结果
db.query(sql,function(err,data){
if(err){
console.log('失败');
}else{
//console.log(data[0].username);
//console.log(JSON.stringify(data));
res.write(JSON.stringify(data));
res.end();
}
});
}else{
//读取页面
fs.readFile('www/'+url,'utf-8',function(err,data){
if(err){
res.write('404,您访问的页面不存在');
res.end();
}else{
res.write(data);
res.end();
}
});
}
});
//4、监听端口
httpObj.listen(3000);
怎样用nodejs搭建服务器
这次给大家带来怎样用nodejs搭建服务器,用nodejs搭建服务器的注意事项有哪些,下面就是实战案例,一起来看一下。
Gxl网相关教程推荐:Node.js视频教程
简单开始
1.安装node。https://nodejs.org/en/
2.安装ws模块
ws:是nodejs的一个WebSocket库,可以用来创建服务。 https://github.com/websockets/ws
3.server.js
在项目里面新建一个server.js,创建服务,指定8181端口,将收到的消息log出来。
var WebSocketServer= require('ws').Server,
wss= new WebSocketServer({ port: 8181});
wss.on('connection', function(ws){
console.log('client connected');
ws.on('message', function(message){
console.log(message);
});
});4.建立一个client.html。
在页面上建立一个WebSocket的连接。用send方法发送消息。
var ws= new WebSocket("ws://localhost:8181");
ws.onopen= function(e){
console.log('Connection to server opened');
} function sendMessage(){
ws.send($('#message').val());
}页面:
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>WebSocket Echo Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="external nofollow" href="../bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<script src="../js/jquery-1.12.3.min.js"></script>
<script src="../js/jquery-1.12.3.min.js"></script>
<script src="../bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script>
var ws= new WebSocket("ws://localhost:8181");
ws.onopen= function(e){
console.log('Connection to server opened');
} function sendMessage(){
ws.send($('#message').val());
}</script></head><body>
<p class="vertical-center">
<p class="container">
<p></p>
<form role="form" id="chat_form" onsubmit="sendMessage(); return false;">
<p class="form-group">
<input class="form-control" type="text" name="message" id="message"
placeholder="Type text to echo in here" value=""/>
</p>
<button type="button" id="send" class="btn btn-primary"
onclick="sendMessage();">
Send!</button>
</form>
</p>
</p></body></html>View Code
运行之后如下,服务端即时获得客户端的消息。
模拟股票
上面的例子很简单,只是为了演示如何运用nodejs的ws创建一个WebSocket服务器。且可以接受客户端的消息。那么下面这个例子演示股票的实时更新。客服端只需要连接一次,服务器端会不断地发送新数据,客户端收数据后更新UI.页面如下,有五只股票,开始和停止按钮测试连接和关闭。
服务端:
1.模拟五只股票的涨跌。
var stocks={"AAPL": 95.0,"MSFT": 50.0,"AMZN": 300.0,"GOOG": 550.0,"YHOO": 35.0}function randomInterval(min, max){ return Math.floor(Math.random()*(max- min+ 1)+ min);
}var stockUpdater;var randomStockUpdater= function(){ for(var symbol in stocks){ if(stocks.hasOwnProperty(symbol)){ var randomizedChange= randomInterval(-150, 150); var floatChange= randomizedChange/ 100;
stocks[symbol]+= floatChange;
}
} var randomMSTime= randomInterval(500, 2500);
stockUpdater= setTimeout(function(){
randomStockUpdater();
}, randomMSTime);
}
randomStockUpdater();2.连接建立之后就开始更新数据
wss.on('connection', function(ws){ var sendStockUpdates= function(ws){ if(ws.readyState== 1){ var stocksObj={}; for(var i= 0; i< clientStocks.length; i++){ var symbol= clientStocks[i];
stocksObj[symbol]= stocks[symbol];
} if(stocksObj.length!== 0){ ws.send(JSON.stringify(stocksObj));//需要将对象转成字符串。WebSocket只支持文本和二进制数据
console.log("更新", JSON.stringify(stocksObj));
}
}
} var clientStockUpdater= setInterval(function(){
sendStockUpdates(ws);
}, 1000);
ws.on('message', function(message){ var stockRequest= JSON.parse(message);//根据请求过来的数据来更新。
console.log("收到消息", stockRequest);
clientStocks= stockRequest['stocks'];
sendStockUpdates(ws);
});客户端:
建立连接:
var ws= new WebSocket("ws://localhost:8181");onopen直接只有在连接成功后才会触发,在这个时候将客户端需要请求的股票发送给服务端。
var isClose= false; var stocks={"AAPL": 0,"MSFT": 0,"AMZN": 0,"GOOG": 0,"YHOO": 0
}; function updataUI(){
ws.onopen= function(e){
console.log('Connection to server opened');
isClose= false; ws.send(JSON.stringify(stock_request));
console.log("sened a mesg");
}//更新UI
var changeStockEntry= function(symbol, originalValue, newValue){ var valElem=$('#'+ symbol+' span');
valElem.html(newValue.toFixed(2)); if(newValue< originalValue){
valElem.addClass('label-danger');
valElem.removeClass('label-success');
} else if(newValue> originalValue){
valElem.addClass('label-success');
valElem.removeClass('label-danger');
}
}//处理受到的消息
ws.onmessage= function(e){ var stocksData= JSON.parse(e.data);
console.log(stocksData); for(var symbol in stocksData){ if(stocksData.hasOwnProperty(symbol)){
changeStockEntry(symbol, stocks[symbol], stocksData[symbol]);
stocks[symbol]= stocksData[symbol];
}
}
};
}
updataUI();运行效果如下:只需要请求一次,数据就会不断的更新,效果是不是很赞,不用轮询,也不用长连接那么麻烦了。文章末尾会附上所有源码。
(美股的涨跌和A股的颜色是反的,即红跌绿涨)
实时聊天
上面的例子是连接建立之后,服务端不断给客户端发送数据。接下来例子是一个简单的聊天室类的例子。可以建立多个连接。
1.安装node-uuid模块,用来给每个连接一个唯一号。
2.服务端消息发送
消息类型分notification和message两种,前者是提示信息,后者是聊天内容。消息还包含一个id、昵称和消息内容。在上一节有学习到readyState有四个值,OPEN表示连接建立可以发送消息。如果页面关闭了,为WebSocket.CLOSE。
function wsSend(type, client_uuid, nickname, message){ for(var i= 0; i< clients.length; i++){ var clientSocket= clients[i].ws; if(clientSocket.readyState=== WebSocket.OPEN){
clientSocket.send(JSON.stringify({"type": type,"id": client_uuid,"nickname": nickname,"message": message
}));
}
}
}3.服务端处理连接
每新增加一个连接,都会发送一条匿名用户的加入的提示消息,如果消息中带有“/nick”认为这一个修改昵称的消息。然后更新客户端的昵称。其他都会当做聊天消息处理。
wss.on('connection', function(ws){ var client_uuid= uuid.v4(); var nickname="AnonymousUser"+ clientIndex;
clientIndex+= 1;
clients.push({"id": client_uuid,"ws": ws,"nickname": nickname});
console.log('client [%s] connected', client_uuid); var connect_message= nickname+" has connected"; wsSend("notification", client_uuid, nickname, connect_message);
console.log('client [%s] connected', client_uuid);
ws.on('message', function(message){ if(message.indexOf('/nick')=== 0){ var nickname_array= message.split(''); if(nickname_array.length>= 2){ var old_nickname= nickname;
nickname= nickname_array[1]; var nickname_message="Client"+ old_nickname+" changed to"+ nickname; wsSend("nick_update", client_uuid, nickname, nickname_message);
}
} else{
wsSend("message", client_uuid, nickname, message);
}
});处理连接关闭:
var closeSocket= function(customMessage){ for(var i= 0; i< clients.length; i++){ if(clients[i].id== client_uuid){ var disconnect_message; if(customMessage){
disconnect_message= customMessage;
} else{
disconnect_message= nickname+" has disconnected";
} wsSend("notification", client_uuid, nickname, disconnect_message);
clients.splice(i, 1);
}
}
};
ws.on('close', function(){
closeSocket();
});4.客户端
没有启动时,页面如下,change按钮用来修改昵称。
<p class="vertical-center">
<p class="container">
<ul id="messages" class="list-unstyled"></ul>
<hr/>
<form role="form" id="chat_form" onsubmit="sendMessage(); return false;">
<p class="form-group">
<input class="form-control" type="text" id="message" name="message"
placeholder="Type text to echo in here" value="" autofocus/>
</p>
<button type="button" id="send" class="btn btn-primary"
onclick="sendMessage();">
Send Message</button>
</form>
<p class="form-group"><span>nikename:</span><input id="name" type="text"/><button class="btn btn-sm btn-info" onclick="changName();">change</button></p>
</p>
</p>View Code
js:
ws= WebSocket("ws://localhost:8181" nickname=""='Connection to server opened'
( message=="undefined") messages= document.getElementById('messages' messageElem= document.createElement("li"(type==='notification'="<span class=\"label label-info\">*</span>"(type=='nick_update'="<span class=\"label label-warning\">*</span>"="<span class=\"label label-success\">"
+ nickname+"</span>" message_text="<h2>"+ preface_label+""
+ message+"</h2>"=
ws.onmessage= data=="ID: [%s]=%s"="Connection closed""Connection closed"
messageField= document.getElementById('message'(ws.readyState====''
name=$("#name"(ws.readyState==="/nick"+运行结果:
页面
好了,本文到此结束,如果可以帮助到大家,还望关注本站哦!