搭建nodejs服务器步骤:
1.安装nodejs服务(从官网下载安装),node相当于apache服务器
2.在自己定义的目录下新建服务器文件如 server.js
例如,我在E:\PhpProject\html5\websocket下创建了server.js文件
var http = require('http');//引入http模块
//开启服务,监听8888端口
//端口号最好为6000以上
var server = http.createServer(function(req,res){
/*
req用来接受客户端数据
res用来向客户端发送服务器数据
*/
console.log('有客户端连接');//创建连接成功显示在后台
//一参是http请求状态,200连接成功
//连接成功后向客户端写入头信息
res.writeHeader(200,{
'content-type' : 'text/html;charset="utf-8"'
});
res.write('这是正文部分');//显示给客户端
res.end();
}).listen(8888);
console.log('服务器开启成功');
3.在cmd控制台中cd切换进server.js所在的目录,然后执行node server.js命令
当控制台显示”服务器开启成功”则说明node服务器已经建立
4.在浏览器中访问服务器
在浏览器中输入
localhost:8888 , 浏览器显示“这是正文部分”。
查看cmd控制台,显示 “有客户端连接”
可在多个浏览器窗口中进行以上操作,每个浏览器窗口均会对应一次“有客户端连接”
以上步骤完成,node服务搭建完毕。下面是如何通过搭建的node服务访问本地站点的 text/html文本文件
访问本地站点文件
1.在自定义的目录下创建node服务文件server2.js
var http = require('http');
var fs = require('fs');//引入文件读取模块
var documentRoot = 'E:/PhpProject/html5/websocket/www';
//需要访问的文件的存放目录
var server= http.createServer(function(req,res){
var url = req.url;
//客户端输入的url,例如如果输入localhost:8888/index.html
//那么这里的url == /index.html
var file = documentRoot + url;
console.log(url);
//E:/PhpProject/html5/websocket/www/index.html
fs.readFile( file , function(err,data){
/*
一参为文件路径
二参为回调函数
回调函数的一参为读取错误返回的信息,返回空就没有错误
二参为读取成功返回的文本内容
*/
if(err){
res.writeHeader(404,{
'content-type' : 'text/html;charset="utf-8"'
});
res.write('<h1>404错误</h1><p>你要找的页面不存在</p>');
res.end();
}else{
res.writeHeader(200,{
'content-type' : 'text/html;charset="utf-8"'
});
res.write(data);//将index.html显示在客户端
res.end();
}
});
}).listen(8888);
console.log('服务器开启成功');
2.创建index.html文件
如果要访问index.html文件,当然你得先有这个文件,不然服务器读取失败,返回404
3.在cmd控制台cd切换到 server2.js的目录下执行node server2.js命令
开启服务器
4.在浏览器输入localhost:8888/index.html访问 该文件
- 如果电脑没有安装nodejs的同学可以先到node官方下载并安装好node程序。
安装好nodejs后验证一下是否安装成功!如果出现则表明node已经承装安装上去了! - 安装好node之后打开cmd 输入 npm install anywhere -g 安装anywhere ,然后等待直到出现以下界面。
- 以上两个步骤都就绪以后,万事俱备,只欠东风啦!在cmd页面 找到你想搭建服务器的路径,然后再当前路径下输入: anywhere 8860
然后浏览器就自动打开本地访问网址,一个简单的node服务器就这样被我们搭建好啦!
END
注意事项
- anywhere 建议安装全局的
- node 建议用32位的,64位目前兼容性没有32位好
如果我们直接打开html文件他是以file:///方式打开的,但这种方式有时会遇到跨域的问题:“cross-origin”,所以我们需要搭建一个简易的本地服务器,Nodejs就可以满足我们这个需求:
比如我的本地服务器js文件就是这样的(我把这个server.js
放在了Nodejs安装目录下):
var connect = require("connect");
var serveStatic = require("serve-static");
var app = connect();
app.use(serveStatic("C:\\xxx\\xxx\\xxx\\项目文件夹"));
app.listen(5000);
运行的话只要执行:node server.js
就可以了
正常运行后我们就可以在浏览器输入localhost:5000
来访问项目文件夹内的文件了。(如果是index.html文件可以省略不写,默认加载的就是这个文件)