首頁  >  文章  >  web前端  >  在node.js中如何使用http模組

在node.js中如何使用http模組

亚连
亚连原創
2018-06-09 16:59:432181瀏覽

這篇文章主要介紹了深入理解node.js http模組,現在分享給大家,也給大家做個參考。

http模組主要用於搭建HTTP服務端和客戶端,使用HTTP伺服器或客戶端功能都必須呼叫http模組。

建立伺服器

var http = require(“http”);var url = require(“url”);//创建服务器//http继承自tcpvar server = http.createServer(function (req,res) {  var urlstr = req.url;//获取请求的路径  var urlMethod = req.method;//获取请求的方法  var urlObj = url.parse(urlstr,true);  console.log(urlObj);  
  console.log(urlMethod);  res.end(“hello”);});server.listen(8080);

對請求進行處理

請求分為兩種:get和post,get請求url地址帶參數,req.url便能取得參數,而post請求便複雜一些。使用req.on()處理post請求。

post請求方式:使用req.on("data"function(){})方式讀取,使用str字串拼接,在req.on("end",function(){})讀取結束後輸出str便是我們想得到的post請求發送的參數;

get請求方式:在請求位址上使用url.parse(req.url,true).query得到參數。

var http = require("http");
var fs = require("fs");
var url = require("url");
var querystring = require("querystring");
var server = http.createServer(function (req,res) {
  console.log(req.method);
  var pathname = url.parse(req.url,true).pathname;
  if(pathname=="/"){
  //  加载注册页面
    var rs = fs.createReadStream("post.html");
    rs.pipe(res);
  }else if(pathname=="/post"){
    // 处理post请求
    var str = "";
    req.on("data",function (chunk) {
      // console.log(chunk.toString());
      str += chunk;
    });
    req.on("end",function(){
      var postObj = querystring.parse(str);
      console.log(postObj);
    })
  }else if(pathname=="/get"){
    // get请求
    var getObj = url.parse(req.url,true).query;
    res.write(JSON.stringify(getObj));
    res.end();
  }else if(pathname!="/favicon.ico"){
    var rs = fs.createReadStream("."+pathname);
    rs.pipe(res);
  };
});
server.listen(8787);

上傳檔案處理

前端html程式碼如下:就不細說了。

<form action=“/upimg” method=“post” enctype=“multipart/form-data”>

用户名: <input type=“text” name=“user”><br> 

密码: <input type=“password” name=“pass”><br>

上传图片: <input type=“file” name=“file1”><br> 

<input type=“submit” value=“提交”></form>

想要實作檔案上傳,要引入formidable模組var formidable = require("formidable");若是沒有此模組,在終端機輸入 npm install formidable安裝。

form.parse(req,function(err,fields,fies){})方法回呼函數的三個參數

  1. err:傳回錯誤訊息

  2. fields:post請求返回的欄位以及對應的值

  3. fies:上傳的檔案對象,物件中包含檔案的許多詳細資料

得到檔案資訊後,使用資料流的讀取和寫入複製檔案

var http = require("http");
var fs = require("fs");
var url = require("url");
// 文件上传
var formidable = require("formidable");
var server = http.createServer(function(req,res){
  var pathname = url.parse(req.url,true).pathname;
  if(pathname=="/"){
    var rs = fs.createReadStream("uploads.html");
    rs.pipe(res);
  }else if(pathname=="/uploads"){
    // 实例化一个formidable类
    var form = new formidable.IncomingForm();
   // 调用parse方法
    form.parse(req,function(err,fields,files){
      if(err){
        return console.log(err);
      }else{
        // console.log("字段",fields);
        // 存储字段
        var fieldStr = JSON.stringify(fields);
        fs.writeFileSync("1.txt",fieldStr);
        // 转存文件
        if(!fs.existsSync("uploads")){
          fs.mkdir("uploads");
        }
       // 随机路径
        var filePath = files.img.path;
        var rs = fs.createReadStream(filePath);
        var ws = fs.createWriteStream("./uploads/"+files.img.name);
        rs.pipe(ws);
        rs.on("data",function (chunk) {
          
        })
        rs.on("end",function(){
          console.log("复制成功");
          res.write("上传成功");
          res.end();
        })
        res.setHeader("Content-type","text/html;charset=utf8");  
        console.log("文件",files);
      }
    })

  }else if(pathname!="/favicon.ico"){
    var rs = fs.createReadStream("."+pathname);
    rs.pipe(res);
  }
});
server.listen(8880);

http模擬客戶端

主要是options的配置,最基本的參數如下面的程式碼區塊。

  1. method:說明請求方式;

  2. #host: 伺服器ip,這裡以本機localhost為例;

  3. port:伺服器連接埠號碼;

  4. path:請求路徑;

此時不在使用http.createServer()建立伺服器了,而是使用http.request()請求伺服器,其餘的都跟伺服器差不多了。

// 通过nodejs模拟客户端
var http = require("http");
var options = {
  method:"post",
  host:"localhost",
  port:2121,
  path:"/"
};
var request = http.request(options,function (res) {
  var str = "";
  res.on("data",function(chunk){
    str += chunk;
  });
  res.on("end",function () {
    console.log(str);
  })
});
var obj = {
  name:"李四",
  age:20
}
request.write(JSON.stringify(obj));
request.end();

上面是我整理給大家的,希望未來會對大家有幫助。

相關文章:

在vue-router中配合ElementUI如何實現導航

詳解讀在vue專案中引入elementUI元件

在vue中實作刷新和tab切換

#在Vue-cli中如何實作為單獨頁面設定背景色

有關Material在Angular2中的使用(詳細教學)

在Angular中使用Lodash方法具體該怎麼做?

使用原生js實作省市區三級連動

以上是在node.js中如何使用http模組的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn