引入Http模块
1、第一步安装 Node.js
2、因为node内置了http模块,所以
var http=require("http");
用Node.js实现一个HTTP服务器程序非常简单。我们实现一个最简单的Web程序,
它对于所有请求,都返回Hello world!,新建一个文件夹apiDemo 在里面新建一个server.js写入:
// 导入http模块: var http = require('http');
// 创建http server,并传入回调函数: var server = http.createServer(function (request, response) {
// 回调函数接收request和response对象,
// 获得HTTP请求的method和url: console.log(request.method + ': ' + request.url);
// 将HTTP响应200写入response, 同时设置Content-Type: text/html: response.writeHead(200, {'Content-Type': 'text/html'});
// 将HTTP响应的HTML内容写入response: response.end('Hello world!'); });
// 让服务器监听8080端口: server.listen(8080);
console.log('Server is running at http://127.0.0.1:8080/');
然后在当前目录命令提示符下(cmd等)运行, 输入:
node server.js
然后打开浏览器输入:http://127.0.0.1:8080/ 就可以看到了
同时可以看到命令行中有打印的信息:
GET: /GET: /favicon.ico
主要需要了解的是:
http.createServer(function(request, response){})
它的作用是创建一个http服务,里面传一个回调函数,函数中包含两个参数分别是(request,response)。
其中request是请求对象,response是响应对象。
可以根据request对象拿到请求头的一些信息,如:request.url--返回请求路径
响应成功后:
response.writeHead()————发送一个响应头给请求
response.end('第一张图片')————响应成功 返回“第一张图片”
路由
我们是想当访问http://127.0.0.1:8080/的时候返回当前目录的index.html。
也就是说当request.url === '/'是true时就可以确定当前请求的是根目录了,
var url = request.url; console.log(url);
// '/'
我们能创建一个服务,并且能使用response.end('Hello world!');返回“Hello world!”。如果想返回一个文件则需要用到Node.js的一个模块了——fs 文件系统。
它是Node当中处理文件的模块,首先引入:
var fs = require('fs');
可以使用fs.readFile()来读取文件
fs.readFile('./index.html',function(err, data){
if(err)throwerr;console.log(data);
});
回调函数 有两个参数 (err, data),其中 data 是文件的内容,以二进制形式返回。
然后我们就可以编写代码了,当访问根目录时,返回index.html文件
然后在当前目录下新建index.html,在这里我们可以写一个ajax请求
functionsuccess(){varhttp=newXMLHttpRequest(); http.onreadystatechange=function(){if(http.status ==200&& http.readyState ==4){varmsg= http.responseText;varbox=document.getElementById('box'); box.innerHTML=JSON.parse(msg).name; } }//发送请求http.open('GET','/data'); http.send(); }
实现简单的API接口
既然能访问根目录时可以返回html文件,那我们可以自己设定一个url,当请求这个url是我们就给它返回一组json数据。正常来讲这些数据应该是从数据库读取的,在这里只模拟一组json数据,在当前目录新建一个data.json:
{"pic1":"https://28787193710371239013921321312312.png" }
所以当前的目录结构是:
然后我们可以在server.js中判断一下,当请求的url是/data时,则返回data.json:
if(url ==='/data'){
fs.readFile('./data.json',function(err, data){if(!err){
response.writeHead(200, {"Content-Type":"application/json"
});
response.end(data);
}else{
throw err;
}
})
}
然后打开浏览器http://127.0.0.1:8080后,就会出现index.html页面,点击出现的按钮就会触发一个对/data的ajax请求,当server.js接受到请求后,就会判断url === '/data',然后它就会吧data.json返回给我们。
最后的实现是点击出现图片 https://28787193710371239013921321312312.png