大部分的node
使用者,都是用node
来做Web API的,而HTTP模块是提供Web API的基础。为了支持所有的HTTP应用,node
中的HTTTP模块提供的API是偏向底层化的。利用HTTP模块,我们可以简单快速搭建一个Web Server。
node
提供了http这个核心模块(不用安装哦,直接require就可以了),用于创建http server
服务,使用下面代码,轻松在本机的3000端口创建一个http服务器
// http_demo.js
var http=require("http");
http.createServer(function(req,res){
res.writeHead(200,{
"content-type":"text/plain"
});
res.write("hello world");
res.end();
}).listen(3000);
$~ node http_demo.js
流程
我们首先用http.createServer函数创建了一个服务器对象,然后调用了response.writeHead方法:该方法的第一个参数表示HTTP的响应状态(200)表示一切正常;第二个参数是“Content-Type”,表示我响应给客户端的内容类型。然再后我们调用了response.write方法,写入我们需要传递给客户端的内容。最后一步我们调用了response.end,表示此次请求已处理完成。
.listen(port)
此函数有两个参数,第一个参数表示我们需要监听的端口,第二个参数是回调函数(其实是listening事件),当监听开启后立刻触发。
下面我们逐步展开HTTP 的 API
开篇的实例代码,也可以通过如下的代码进行改写一番:
var http=require("http");
var server=new http.Server();
server.on("request",function(req,res){
res.writeHead(200,{
"content-type":"text/plain"
});
res.write("hello nodejs");
res.end();
});
server.listen(3000);
以上代码是通过直接创建一个http.Server
对象,然后为其添加request
事件监听,其实也就说createServer
方法其实本质上也是为http.Server
对象添加了一个request
事件监听,这似乎更好理解了,那让我们看看http的重要属性
createServer
方法中的参数函数中的两个参数req和res则是分别代表了请求对象和响应对象。其中req是http.IncomingMessage
的实例,res是http.ServerResponse
的实例。
http.IncomingMessage
http.IncomingMessage是HTTP请求的信息,是后端开发者最关注的内容,一般由http.Server的request事件发送,并作为第一个参数传递,包含三个事件
可以参考另一篇文章《nodejs + cheerio 爬取极客学院的nodejs课程数据》来了解http模块在爬虫中的简单应用。
http.ServerResponse
http.ServerResponse是返回给客户端的信息,决定了用户最终看到的内容,一般也由http.Server的request事件发送,并作为第二个参数传递,它有三个重要的成员函数,用于返回响应头、响应内容以及结束请求
http模块提供了两个函数 http.request
和 http.get
,功能是作为客户端向http服务器发起请求。
http.request(options,callback)
options是一个类似关联数组的对象,表示请求的参数,callback作为回调函数,需要传递一个参数,为http.ClientResponse的实例,http.request返回一个http.ClientRequest的实例。
options常用的参数有host、port(默认为80)、method(默认为GET)、path(请求的相对于根的路径,默认是“/”,其中querystring应该包含在其中,例如/search?query=byvoid)、headers(请求头内容)
var http=require("http");
var options={
hostname:"cn.bing.com",
port:8080
}
var req=http.request(options,function(res){
res.setEncoding("utf-8");
res.on("data",function(chunk){
console.log(chunk.toString())
});
console.log(res.statusCode);
});
req.on("error",function(err){
console.log(err.message);
});
req.end();
发送POST请求(模拟了向慕课网发起评论的功能,headers请使用开发者工具从请求中获取,基本上是参考scott老师的代码)
var http=require("http");
var querystring=require("querystring");
var postData=querystring.stringify({
"content":"just a test",
"mid":8837
});
var options={
hostname:"www.imooc.com",
port:80,
path:"/course/document",
method:"POST",
headers:{
"Accept":"application/json, text/javascript, */*; q=0.01",
"Accept-Encoding":"gzip, deflate",
"Accept-Language":"zh-CN,zh;q=0.8",
"Connection":"keep-alive",
"Content-Length":postData.length,
"Content-Type":"application/x-www-form-urlencoded; charset=UTF-8",
"Cookie":"imooc_uuid=6cc9e8d5-424a-4861-9f7d-9cbcfbe4c6ae; imooc_isnew_ct=1460873157; loginstate=1; apsid=IzZDJiMGU0OTMyNTE0ZGFhZDAzZDNhZTAyZDg2ZmQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMjkyOTk0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGNmNmFhMmVhMTYwNzRmMjczNjdmZWUyNDg1ZTZkMGM1BwhXVwcIV1c%3DMD; PHPSESSID=thh4bfrl1t7qre9tr56m32tbv0; Hm_lvt_f0cfcccd7b1393990c78efdeebff3968=1467635471,1467653719,1467654690,1467654957; Hm_lpvt_f0cfcccd7b1393990c78efdeebff3968=1467655022; imooc_isnew=2; cvde=577a9e57ce250-34",
"Host":"www.imooc.com",
"Origin":"http://www.imooc.com",
"Referer":"http://www.imooc.com/video/8837",
"User-Agent":"Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2763.0 Safari/537.36",
"X-Requested-With":"XMLHttpRequest",
}
}
var req=http.request(options,function(res){
res.on("data",function(chunk){
console.log(chunk);
});
res.on("end",function(){
console.log("### end ##");
});
console.log(res.statusCode);
});
req.on("error",function(err){
console.log(err.message);
})
req.write(postData);
req.end();
http.get(options,callback)
这个方法是http.request方法的简化版,唯一的区别是http.get自动将请求方法设为了GET请求,同时不需要手动调用req.end(),但是需要记住的是,如果我们使用http.request方法时没有调用end方法,服务器将不会收到信息。
可以将request模块想象成一个简化版的第三方类http模块,同时支持https 和重定向,戳这里区官网。下文列出几个能够让你快速上手的知识点。
npm install request --save
var request = require('request');
GET
request(url,function(error,response,body){
if(!error && response.statusCode == 200){
//输出返回的内容
console.log(body);
}
});
POST
var options = {
uri: 'https://www.googleapis.com/urlshortener/v1/url',
method: 'POST',
json: { "longUrl": "http://www.google.com/" }
};
request({
url: 'http://xxx.xxx.com',
method: 'POST',
body: formData
}, function(error, response, body) {
if (!error && response.statusCode == 200) {
//输出返回的内容
console.log(body);
}
});
任何响应都可以输出到文件流。
request('http://google.com/doodle.png').pipe(fs.createWriteStream('doodle.png'))
反过来,也可以将文件传给PUT或POST请求。未提供header的情况下,会检测文件后缀名,在PUT请求中设置相应的content-type。
fs.createReadStream('file.json').pipe(request.put('http://mysite.com/obj.json'))
request支持 application/x-www-form-urlencoded
和 multipart/form-data
实现表单上传。
x-www-form-urlencoded:
request.post('http://service.com/upload', {form:{key:'value'}})
或者:
request.post('http://service.com/upload').form({key:'value'})
multipart/form-data
var r = request.post('http://service.com/upload')
var form = r.form()
form.append('my_field', 'my_value')
form.append('my_buffer', new Buffer([1, 2, 3]))
form.append('my_file', fs.createReadStream(path.join(__dirname, 'doodle.png'))
form.append('remote_file', request('http://google.com/doodle.png'))
superagent它是一个强大并且可读性很好的轻量级ajax API,是适用于nodejs环境的一个关于HTTP方面的库。
npm install superagent --save
一个请求的初始化可以用请求对象里合适的方法来执行,然后调用end()来发送请求。
var superagent = require('superagent');
superagent
.post('/api')
.send({
'key': 'value'
})
.set('header_key', 'header_value')
.end(function(err, res) {
if (err) {
//do something
} else {
//do something
}
})
或
superagetn
.get(''http://example.com/search'')
.end(function(res){ });
请求方法的参数可以直接使用多个key/value,也可以分多次调用请求方法每次传递一对key/valu或者key/value字符串
GET
//接下来四种方法所形成的URL为/api?name=An&age=20&sex=male
//第一种
superagent
.get(/api)
.query({name:'liang'})
.query({age:18})
.query({sex:'female'})
.end(function(res){ })
//第二种
superagent
.get(/api)
.query({name:'liang',age:18,sex:'female'})
.end(function(res){ })
//第三种
superagent
.get(/api)
.query('name=liang&age=18&sex=female')
.end(function(res){ })
//第四种
superagent
.get(/api)
.query('name=liang')
.query('age=18')
.query('sex=female')
.end(function(res){ })
POST
superagent
.post('/api')
.set('Content-Type','application/json')
.send('{"name":"An","age":20,"sex":"male"}')
.end(cb)
//等价于 下面的写法,因为json是默认的 Content-Type
superagent
.post('/api')
.send({name:"An",age:20,sex:"male"})
.end(cb)
//等价于 ==>
superagent
.post('/api')
.send({name:"An"})
.send({age:20})
.sex({sex:'male'})
.end(cb)
superagent的请求数据格式化是可以扩展的,不过默认支持form和json两种格式,想发送数据以application/x-www-form-urlencoded类型的话,则可以简单的调用.type()方法传递form参数就行,这里默认是json,下面的请求将会发送post name=a&age=18:
request
.post('/user')
.type('form')
.send({ name: 'tj' })
.send({ pet: 'tobi' })
.end(callback)
当用.send(obj)方法来发送一个post请求,并且希望传递一些查询字符串,可以调用.query()方法,比如向?format=json&dest=/login发送post请求:
request
.post('/')
.query({ format: 'json' })
.query({ dest: '/login' })
.send({ post: 'data', msg: 'hello' })
.end(callback);
设置请求头:调用set()方法,参数传递一组键值对
superagent
.get('/api')
.set({
'Referer','https://www.google.com',
'Accept','image/webp,image/*,*/*;q=0.8'
})
.end(function(req,res){
//do something
})
Response
响应一般会提供很多有用的标识以及属性,都在response对象里,按照respone.text,解析后的response.body,头字段,一些标识的顺序来排列。
- res.text
包含未被解析的响应数据
- res.body
包含解析的数据,跟请求数据自动序列化一样,响应数据也会自动的解析,
当为一个Content-Type。定义一个解析器后,就能自动解析,默认解析包
含application/json和application/x-www-form-urlencoded,可以
通过访问res.body来访问解析对象。
- res.header
响应头,res.header包含解析之后的响应头数据,键值都是node处理成小
写字母形式,比如res.header['content-length'].
- res.type & res.charset 类型和编码格式
Content-Type响应头字段是一个特列,服务器提供res.type来访问它,
默认res.charset是空的,如果有的话,则自动填充,例如Content-Type
值为text/html; charset=utf8,则res.type为text/html,res.charst
为utf8.
- res.status状态码
req.abort() 终止请求
req.timeout(ms) 暂停请求 ms 表示毫秒为单位的时间
管道数据
nodejs客户端允许使用一个请求流来输送数据,比如请求一个文件作为输出流:
var request = require('superagent') ,fs = require('fs');
var stream = fs.createReadStream('path/to/my.json');
var req = request.post('/somewhere');
req.type('json');
stream.pipe(req);
或者输送一个响应流到文件中:
var request = require('superagent') , fs = require('fs');
var stream = fs.createWriteStream('path/to/my.json');
var req = request.get('/some.json');
req.pipe(stream);
错误处理
当发送错误时,superagent首先会检查回调函数的参数数量,当err参数提供的话,参数就是两个,如下:
request
.post('/upload')
.attach('image', 'path/to/tobi.png')
.end(function(err, res){ });
``
当省略了回调函数,或者回调只有一个参数的话,可以添加error事件的处理.
```js
request
.post('/upload')
.attach('image', 'path/to/tobi.png')
.on('error', handle)
.end(function(res){ });