http-server
使用 http-server node工具启动一个静态服务器
打开终端或者 gitbash，输入
npm install -g http-server
即安装成功（如果提示命令不存在，需要先下载安装 nodejs），安装后切换到对应目录，启动静态服务器，如
cd ~/Desktop/你的文件夹
http-server
3.png
4.png
server-mock
使用 server-mock node工具启动一个能处理静态文件和动态路由的服务器
线上mock 数据
- 使用 http://easy-mock.com/
- 使用 http://rapapi.org/org/index.do
-
使用 server-mock
5.png
写一个服务器
1.通过http模块创建一个简单的服务器
var http = require("http");
var server = http.createServer(function(request,response){
setTimeout(function () {
response.setHeader('Content-Type','text/html;charset=utf-8');
response.writeHeader(200,"OK");
response.write('<h1>hello world<h1>');
response.end();
//console.log(request)
//console.log(response);
},3000);
});
server.listen(3646);
console.log('visit http://localhost:3646');
[图片上传中...(7.png-cac2c3-1523090285076-0)]
7.png
2.通过fs模块读取静态资源，并增加容错处理；
var http = require('http');
var fs = require('fs');
var server = http.createServer(function (req,res) {
try{
var fileContent = fs.readFileSync(__dirname+"/static"+req.url);
console.log(__dirname);
console.log(req.url);
res.write(fileContent)
}catch(e){
res.writeHead(404,'not found')
}
res.end()
});
server.listen(3647);
console.log('visit http://localhost:3647');
8.png
9.png
10.png
3.通过url模块可以解析输入URL,实现路由解析与mock数据功能
var http = require('http');
var fs =require('fs');
var url =require('url');
http.createServer(function (req,res) {
var pathObj = url.parse(req.url,true);
console.log(pathObj);
switch(pathObj.pathname){
case'/getMusic':
var ret;
if(pathObj.query.age=="18"){
ret = {
age:'18',
music:'hello world'
}
}else{
ret={
age:pathObj.query.age,
music:'不知道'
}
}
res.end(JSON.stringify(ret));
break;
case'/user/123':
res.end(fs.readFileSync(__dirname+'/static/user.text'));
break;
default :
res.end(fs.readFileSync(__dirname+'/static'+pathObj.pathname))
}
}).listen(3649);
console.log("visit http://localhost:3649");
var xhr =new XMLHttpRequest();
xhr.open('GET','/getMusic?age=18',true);
xhr.send();
xhr.onload= function () {
console.log(JSON.parse(xhr.responseText))
};
12.png
11.png
4.增加面对post请求方式mock数据
var http = require('http');
var path = require('path');
var fs = require('fs');
var url = require('url');
var routes = {
'/a': function (req, res) {
res.end(JSON.stringify(req.query))
},
'/b': function (req,res) {
res.end('match /b')
},
'/a/c': function (req,res) {
res.end('match /a/c')
},
'/search':function(req,res){
res.end('username='+req.body.username+',password='+req.body.password)
}
};
var server = http.createServer(function(req,res){
routePath(req,res)
});
server.listen(3648);
console.log("visit http://localhost:3648");
function routePath(req,res){
var pathObj = url.parse(req.url,true);
var handleFn = routes[pathObj.pathname];
if(handleFn){
req.query = pathObj.query;
var body = '';
req.on('data',function(chunk){
body+= chunk;
}).on('end',function(){
req.body = parseBody(body);
handleFn(req,res);
})
}else {
staticRoot(path.resolve(_dirname,'static'),req,res)
}
}
function parseBody(body){
console.log(body);
var obj = {};
body.split('&').forEach(function (str) {
obj[str.split('=')[0]] = str.split('=')[1]
});
return obj;
}
function staticRoot(staticPath,req,res){
var pathObj = url.parse(req.url,true);
var filePath = path.join(staticPath,pathObj.pathname);
fs.readFile(filePath,'binary', function (err,content) {
if(err){
res.writeHead('404',"Not Found");
return res.end();
}
res.writeHead(200,"OK");
res.write(content,'binary');
res.end();
})
}
作者：彭荣辉
链接：https://www.jianshu.com/u/0f804364a8a8
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
