Node中的http模块

最新推荐文章于 2024-04-03 11:02:40 发布
最新推荐文章于 2024-04-03 11:02:40 发布
阅读量426 收藏 1
点赞数
文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Youngster_yj/article/details/111961839
版权

node与http模块

http模块实现简单的页面展示
const http=require('http')//注意:使用http模块需要先行引入
创建一个服务:
var server =http.createServer(function(req,res){
req=>resquest=>IncomingMessage类
res=>Response=>SeverResponse类
res.writeHead(200,{'ContentType':'text/html'})
ContentType由res返回文件扩展名决定

点击了解ContentType

写入html页面:
res.write(`<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    div{
        height: 100px;
        width: 100px;
        background-color: red;
    }
    </style>
</head>
<body>
    <div class="d1">啊</div>
    <div class="d1">真</div>
    <div class="d1">好</div>
    <div class="d1">啊</div>
</body>
</html>`)
结束并监听
res.end()//不要在end后面再去修改你的请求
})
//http 默认80端口 https默认443端口
//域名可不填 计算机一般默认为 localhost 127.0.0.1
server.listen(3000)//server.listen(3000,域名)
http模块文本乱码处理
方法1:
const http = require('http')
var server = http.createServer(function(req,res){
res.writeHead(200,{"Content-type":"text/plain;charset=UTF-8"});//改变编译码（转中文）
res.write('你好啊！这是来自node的文本') //写身
res.end() //标志写完
})
server.listen(3000)
方法2:
const http = require('http')
var server = http.createServer(function(req,res){
res.setHeader("Content-Type","text/html;charset=UTF-8");//改变编译码（转中文）
res.end('你好啊！这是来自node的文本') //标志写完(未指定格式,此处乱码)
})
server.listen(3000)
http模块实现Html表单提交 a标签跳转 Ajax交互
Html页面代码(node5.html):
 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <a href="/txt?txtname=1">1111</a>
    <a href="/txt?txtname=2">2222</a>

    <!-- 网址返回http://www.baidu.com/s？wd=实现百度搜索功能 -->
    <form action="http://www.baidu.com/s">
        <input type="text" name="wd"> 
        <input type="submit" value="提交">
    </form>

    <!-- GET与node交互 -->
    <form action="/txt" method="GET">
        <input type="text" name="txtname">
        <input type="submit" value="提交">
    </form>

    <!-- POST与node交互 -->
    <form action="/login" method="POST">
        <input type="text" name="username">
        <input type="password" name="password">
        <input type="submit" value="提交">
    </form>

    <!-- Ajax与node交互 -->
    <script>
        var xhr=new XMLHttpRequest()
        xhr.open('POST','/login',true)//node中 req.url == '/login' 满足
        // 设置请求头
        xhr.setRequestHeader('Content-Type','text/json')

        // 传输数据需要用json格式
        xhr.send(JSON.stringify({username:'123',password:'789654'}))
        xhr.onreadystatechange=function(){
           
            if(xhr.status==200&&xhr.readyState==4){
                console.log(xhr.response)
            }

        }

    </script>
</body>
</html>
Node服务端代码:
const fs = require('fs')
const path = require('path')
const querystring = require('querystring')
const url = require('url')
const http = require('http')


var server = http.createServer(function (req, res) {
  if (req.method.toLowerCase() == 'get') { //toLowerCase转为小写
      // console.log(req.url)
      if (req.url == '/') { //进入Html页面
          fs.readFile('./node5.html', { encoding: 'utf-8' }, function (err, data) {
              if (err && err.code == 'ENOENT') {
                  res.writeHead(404)
                  res.write('404 NOT FOUND')
                  res.end()
              }
              res.writeHead(200, { 'Content-Type': 'text/html' })
              res.write(data)
              res.end()
          })
      }
      //对于url解析为对象
      var urlParseObj = url.parse(req.url)
      //获取url对象的pathname
      var pathname_my = urlParseObj.pathname
      //读取url对象的查询语句
      var query_my = urlParseObj.query
      //将查询语句解析为对象
      var queryParseObj = querystring.parse(query_my)
      // 获取想要请求文件的名字
      var txtname = queryParseObj.txtname
      // 拼接访问文件路径
      var lj = path.join('./', txtname   '.txt')
      // console.log(lj)
      if (pathname_my == '/txt') { //a标签的文件跳转
          fs.readFile(lj, { encoding: 'utf-8' }, function (err, data) {
              if (err && err.code == 'ENOENT') {
                  res.writeHead(404)
                  res.write('404 NOT FOUND')
                  res.end()
              }
              res.setHeader("Content-Type", "text/html;charset=UTF-8");//改变编译码（转中文）
              // res.writeHead(200,{'Content-Type':'text/plain'})
              // console.log(data)
              res.write(data)
              res.end()
          })

      }
  }

  if (req.method.toLowerCase() == 'post') { //POST请求Ajax与表单提交
      // console.log(req.url)
      if (req.url == '/login') {
          var data = ''
          req.on('data', function (chunk) {
              console.log(chunk)//将内容返回为16进制码
              console.log(chunk.toString())//16进制码转为字符串
              data  = chunk.toString()//将数据存入data
          })
          req.on('end', function () {
              console.log('请求完成', data)
              var resultObjName
              // 判断是否是请求的json文件
              console.log(req.headers)
              if (req.headers['content-type'] == 'text/json') {//Ajax中 'content-type':'text/json' 反之'content-type': 'application/x-www-form-urlencoded'
                  // 对于json文件进行解析
                  console.log('这是Ajax数据' data)
                  resultObjName = JSON.parse(data).username
                  console.log('Ajax and JSON运行')
              } 
              else {
                  resultObjName = querystring.parse(data).username
              }
              console.log('已运行' resultObjName)
              res.setHeader("Content-Type", "text/html;charset=UTF-8");//改变编译码（转中文）
              // res.writeHead(200)
              res.write(resultObjName)
              res.end()
          })

      }
  }
})
server.listen(3000)
Http实现前台CSS JS JPG GIF引入
Html页面代码(index.html):
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Document</title>
   <link rel="icon" href="./index.ico">
   <link rel="stylesheet" href="./index.css">
</head>
<body>
   <div class="cheng">成功</div>
   <img src="./index.jpg" alt="">
   <img src="./index.gif" alt="">
   <script src="./index.js"></script>
</body>
</html>
Node服务端代码:
const http = require('http')
const fs=require('fs')
var server = http.createServer(function (req,res) {
   if(req.method.toLowerCase()=="get"){//toLowerCase()方法用于把字符串转换为小写。
       console.log(req.method)//此时返回GET
       console.log(req.url)
       if (req.url == '/') {//主页面
           fs.readFile('./index.html',{encoding:'utf-8'},function(err,data){
              res.writeHead(200, { 'Content-Type': 'text/html' })
              res.write(data)
              res.end() 
           }) 
       }
       if(req.url=='/index.css'){
           fs.readFile('./index.css',{encoding:'utf-8'},function(err,data){
               res.writeHead(200, { 'Content-Type': 'text/css' })//此编码根据类型变化
               res.write(data)
               res.end() 
            }) 
       }
       if(req.url=='/index.js'){
           fs.readFile('./index.js',{encoding:'utf-8'},function(err,data){
               res.writeHead(200, { 'Content-Type': 'application/x-javascript' })//此编码根据类型变化
               res.write(data)
               res.end() 
            }) 
       }
       if(req.url=='/index.jpg'){
           fs.readFile('./index.jpg',function(err,data){//不可含有{encoding:'utf-8'}
               res.writeHead(200, { 'Content-Type': 'image/jpeg' })//此编码根据类型变化
               res.write(data)
               res.end() 
            }) 
       }
       if(req.url=='/index.gif'){
           fs.readFile('./index.gif',function(err,data){//不可含有{encoding:'utf-8'}
               res.writeHead(200, { 'Content-Type': 'image/gif' })//此编码根据类型变化
               res.write(data)
               res.end() 
            }) 
       }

   }
})
server.listen(3000)
Node服务端代码(升级):
const http = require('http')
const fs = require('fs')
const path = require('path')

const mime = require('./mime')
const static = './'

var sever = http.createServer(function (req, res) {
  if (req.method.toLowerCase() == 'get') {//req.method此时为GET toLowerCase()方法用于把字符串转换为小写。
      console.log(req.url)
      if (req.url == '/') {
          fs.readFile('./index.html', { encoding: 'utf-8' }, function (err, data) {
              res.writeHead(200, { 'Content-Type': 'text/html' })
              res.write(data)
              res.end()
          })
      }
      if (req.url.indexOf('.') > -1) {
          var lj = path.join(static, req.url)
          console.log(lj)
          fs.readFile(lj, function (err, data) {
              // console.log(err,err.code)
              // if (err && err.code == 'ENOENT') {
                  console.log('运行')
                  res.writeHead(200, { 'Content-Type': mime.JudgeType(req.url) })
                  res.write(data)
                  res.end()
              // }
          })
      }
  }
})
sever.listen(3000)
Node服务端代码(升级)mime文件:
const path=require('path')
var JudgeType=function(filename){
  var ext=path.parse(filename).ext
  switch(ext){
      case'.html':
            return 'text/html'
      case'.css':
            return 'text/css'
      case'.js':
            return 'application/x-javascript'  
      case'.png':
            return 'image/png'
      case'.jpg':
            return 'image/jpeg'    
      case'.gif':
            return 'image/gif'   
      case'.ico':
            return 'image/x-icon'                
  }
}
exports.JudgeType=JudgeType
Http解决跨域问题及范例
const http = require('http')
var server = http.createServer(function (req, res){
  if (req.method.toLowerCase() == 'get') {
      console.log(req.url)
      if (req.url == '/') {
   
              res.setHeader('Access-Control-Allow-Origin','*')//跨域问题解决
              res.writeHead(200, { 'Content-Type': 'text/html' })
              res.write('456')
              res.end()
        
      }
  }
})
server.listen(3000)
http模块用GET POST方法实现登录验证
Html首页代码(node6(login).htm):
<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Document</title>
</head>

<body>
   <!-- 默认get -->
   <form action="/login">
       <input type="text" name="username">
       <input type="password" name="password">
       <button>点我</button><span>此方法进入网址会显示出数据(GET)</span>
   </form>
   <br>
   <form action="/login" method="POST">
       <input type="text" name="username">
       <input type="password" name="password">
       <button>点我</button><span>此方法进入看不到输入数据(POST)</span>
   </form>
</body>

</html>
Html登录成功页面代码(node6().htm):
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Document</title>
</head>
<body>
   成功进入
</body>
</html>
Node服务端代码:
const http = require('http')
const fs = require('fs')
const url = require('url')
const querystring = require('querystring')
var server = http.createServer(function (req, res) {
   if (req.method.toLowerCase() == 'get') {//get 数据存在url中
       // console.log(req.url)
       if (req.url == '/') {
           fs.readFile('./node6(login).htm', { encoding: 'utf-8' }, function (err, data) {
               if (err && err.code == 'ENOENT') {
                   res.writeHead(403)
                   res.write('403 FORBIDDEN')
                   res.end()
               }
               res.writeHead(200, { 'Content-Type': 'text/html' })
               res.write(data)
               res.end()
           })
       }
       console.log(req.url)
       // console.log(url.parse(req.url).pathname)
       var urlObj = url.parse(req.url)
       var pathname = urlObj.pathname
       var queryObj = querystring.parse(urlObj.query)
       if (pathname == '/login') {//接口传参
           if (queryObj.username == '昵称' && queryObj.password == '密码') {

               fs.readFile('./node6().htm', { encoding: 'utf-8' }, function (err, data) {
                   if (err && err.code == 'ENOENT') {
                       res.writeHead(404)
                       res.write('404 NOT FOUND')
                       res.end()
                   }
                   res.writeHead(200, { 'Content-Type': 'text/html' })
                   res.write(data)
                   res.end()
               })
           }
           else {
               res.setHeader("Content-Type", "text/html;charset=UTF-8")
               res.write('密码错误')
               res.end()
           }
       }
   }
   if (req.method.toLowerCase() == 'post') {//post 数据在data中
       if (req.url == '/login') {
           var data = ''
           req.on('data', function (chunk) {
               data  = chunk.toString()//16进制转字符
           })
           req.on('end', function () {
               console.log(data)
               var queryObj = querystring.parse(data)
               if (queryObj.username == '昵称' && queryObj.password == '密码') {
                   fs.readFile('./node6().htm', { encoding: 'utf-8' }, function (err, data) {
                       if (err && err.code == 'ENOENT') {
                           res.writeHead(404)
                           res.write('404 NOT FOUND')
                           res.end()
                       }
                       res.writeHead(200, { 'Content-Type': 'text/html' })
                       res.write(data)
                       res.end()
                   })
               }
               else {
                   res.setHeader("Content-Type", "text/html;charset=UTF-8")
                   res.write('密码错误')
                   res.end()
               }
           })
       }
   }
})
server.listen(3000)
Http模块中的Cookie
const http=require('http')
const fs =require('fs')
const querystring=require('querystring')
//cookie设置多个时，用[]，中间用逗号隔开
var server=http.createServer(function (req, res) {
if(req.method.toLowerCase()=='get'){
  if(req.url=='/'){
      fs.readFile('./node6(login).htm',{encoding:'utf-8'},function(err,data){
        if(err&&err.code=='ENOENT'){
            res.writeHead(403)
            res.write('403 FORBIDDEN')
            res.end()
        }
        res.writeHead(200,{'Content-type':'text/html'})
        res.write(data)
        res.end()
      })
  }
  if(req.url=='/index'){
      fs.readFile('./node6().htm',{encoding:'utf-8'},function(err,data){
          res.writeHead(200,{'Content-type':'text/html'})
          res.write(data)
          res.end()
      })
  }

}
if(req.method.toLowerCase()=='post'){//我们一般只有Ajax和form表单会发起post请求
  if(req.url=='/login'){
      var data=''
      req.on('data',function(shuju){
          data =shuju.toString()
      })
      req.on('end',function(){
          var queryObj=querystring.parse(data)
          // console.log(queryObj)
          if(queryObj.username=='admin'&&queryObj.password=='123'){
              res.setHeader('Set-cookie',['username=' queryObj.username '; ','password=' queryObj.password])//向页面存储Cookie,且页面请求头将含有Cookie便于认证
              // res.setHeader('Set-cookie','username=' queryObj.username '; ')
              // res.setHeader('Set-cookie','password=' queryObj.password)
              res.writeHead(302,{Location:'/index'})//浏览器 的请求是get请求
              res.end()
          }
          else{
              res.writeHead(403)
              res.write('403 FORBIDDEN')
              res.end()
          }
      })
  }
}
})
server.listen(3000)
Http模块重定向及范例
const http = require('http')
var server = http.createServer(function (req, res) {

      console.log(req.url)
      if (req.url == '/kanshipin') {
         
              res.writeHead(302, { Location:'http://www.bilibili.com' }) 
              res.write()
              res.end()
         
      }   
})
server.listen(3006)
Http模块实现爬虫
const https = require('https')
const fs=require('fs')
//https://ii.hywly.com/a/1/22523/1.jpg
//'/a/1/22523/1.jpg'
var patupian=function(i){
var request=https.request({
  protocol:'https:',
  host:'ii.hywly.com',
  port:443,
  method:'get',
  path:'/a/1/22523/' i '.jpg',
  headers:{//request headers 加密可用
//'Referer':'.....'
//'User-Agent':'.....'
  }
})
request.on('response',function(res){
  var arr=[]
  res.on('data',function(chunk){
      console.log(chunk)//图片得到的是Buffer 16进制
      arr.push(chunk)
  })
  res.on('end',function(){
        console.log(arr)
        fs.writeFile('./爬虫图片/' i '.jpg',Buffer.concat(arr),function(){
            console.log('图片写入成功')
        })//没有则创建一个
  })
})
request.end()
}
for(var i=1;i<27;i  ){
patupian(i)
}
--End--
Youngster _yj
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
nodeJs中res.end和res.send 区别
weixin_33834628的博客
08-14 5372
为什么80%的码农都做不了架构师？>>> ...
Node的http模块
学无止境
11-21 3949
Node的http模块与Ajax基本内容
nodeJs中res.send()和res.end()的区别
weixin_46021092的博客
03-24 4086
前几天遇到一个问题：在写js时把res.end()和res.send()弄混了，之后查资料得到以下结果，记录避免忘记。 解决： 1.如果服务器端没有数据要返回到客户端的话，就直接用res.end()。 2.如果服务器需要有数据返回到客户端的话，就需要用res.send(). 语法： res.send([body]) body的参数可以是Buffer对象，String，对象或Array，传入number是没反应的。 res.end()将结束响应过程，其实这个也可以用来传数据，但是参数只限定字符串和Buffer
Node.js后端开发 - 进阶篇 #3 express详解res.send()和res.end()的区别
鲁迷那的专栏—坚持实践后再写出来！
10-10 3051
文章目录 一、前言 二、express之实现 Hello World 详解 1、代码详解 2、注意点-路由信息对应 三、res.send()和res.end()的区别 1、那么它们有什么区别呢？ （1）、响应报文头的区别 （2）、参数类型区别 2、res.send()和res.end()之乱码示例 （1）res.end()响应中文乱码 （2）res.send()自动生成响应报......
node res.end返回json格式数据
Misnice的博客
04-03 349
要运行此代码段，请将其另存为 server.js 文件并在你的终端中运行 node server.js。接口地址是 http://127.0.0.1:3000/api/list。
nodejs res.end和res.send 区别
热门推荐
genziisme的专栏
04-12 2万+
简单来说就是 如果服务器端没有数据返回到客户端 那么就可以用 res.end 但是 如果 服务器端有数据返回到客户端 这个时候必须用res.send ,不能用 res.end（会报错） 例子： var express = require('express'); var app = express(); var mysql = require('mysql'); var conn...
nodejs之http模块
NealCristmas的博客
11-15 254
1.基本使用 客户端发送请求 client.js const http=require('http'); const client=http.request({ host:"127.0.0.1", port:7777,//设置端口 protocol:"http:", method:"get", path:"/" },res=&gt;{ console.log(res) })...
【JavaScript源代码】node中http模块的使用及执行流程.docx
12-29
node中http模块的使用及执行流程 　在node中http有什么作用　http这个模块的职责就是帮你创建编写服务器　执行流程　1. 加载http模块　const http = require('http')　2. 使用http.createServer方法创建一个web...
深入理解node.js http模块
10-18
Node.js的http模块是核心模块之一，用于构建HTTP服务端和客户端。这个模块基于TCP，因此，HTTP服务器实际上是在TCP服务器的基础上构建的。通过`http.createServer()`方法，我们可以轻松创建一个HTTP服务器。以下是对...
Node.js中HTTP模块与事件模块详解
10-25
主要详细介绍了Node.js中HTTP模块与事件模块的相关资料,需要的朋友可以参考下
详解node.js的http模块实例演示
10-18
主要介绍了详解node.js的http模块实例演示，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
node.js中http模块和url模块的简单介绍
12-23
本文主要给大家介绍了关于node.js中http模块与url模块的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。 一、http模块的简单介绍 node.js当中的http内置模块可以用于创建http服务器与...
解决node.js的http模块下的res响应对象中文输出乱码问题
m0_63120174的博客
05-15 777
//导入http模块 const http = require('http') //创建web服务器实例 const server = http.createServer() //为服务器实例绑定request事件，监听客户端的请求 //req是请求对象，包含了与客户端相关的数据和属性 server.on('request', (req, res) => { //req.url是客户端请求的URL地址 const url = req.url //req.method是...
NodeJS学习笔记 (6)网络服务-http-res(ok)
dglf54292的博客
06-15 175
原文:https://github.com/chyingp/nodejs-learning-guide 自己敲代码: 概览 http模块四剑客之一的res，应该都不陌生了。一个web服务程序，接受到来自客户端的http请求后，向客户端返回正确的响应内容，这就是res的职责。 返回的内容包括：状态代码/状态描述信息、响应头部、响应主体。下文会举几个简单的例子。 v...
node多个res.end数据返回会返回最后一个
singlever的博客
05-09 1243
最近在做毕业设计 后台node学了没多久，在设计专门给登录做的url时发生了一些问题 这串代码，运行，并且前端请求后，前端控制台打印出了404，然后后台控制台打印出了数据，很明显登录请求的res.end(subdata.username)这行代码并没有执行，console运行后，最后运行的是res.end(‘404 not fond..’) if(pathname === '/denglu...
nodejs通过res.end方法返回中文乱码解决
qq_53987671的博客
02-22 1100
问题： 代码 请求结果 解决方法： 在res.end方法之前加上 res.writeHead(200, { "Content-Type": "text/plain;charset=utf-8" }); 结果：
node中的http模块
jieyucx的博客
07-08 1962
http模块是Node.js中的核心模块之一，它主要用于创建服务器和处理HTTP协议的请求和响应。
如何使用http模块
weixin_66059613的博客
11-15 1706
如何使用http模块
nodered安装模块
最新发布
06-15
Node-RED是一个开源的、基于JavaScript的可视化编程工具，用于创建物联网(IoT)和自动化工作流。它使用Node.js运行，允许用户通过拖放节点（nodes）来构建简单的流程，这些节点代表了各种功能，如读取传感器数据、执行HTTP请求、发送消息等。 在Node-RED中，安装模块（也称为“nodes”或插件）是扩展其功能的关键。它们提供了对特定设备、服务或API的支持。要安装Node-RED模块，你需要执行以下几个步骤： 1. **打开Node-RED**: 打开你的浏览器，访问`http://localhost:1880`，如果你的Node-RED已经配置为默认启动。 2. **登录控制台**: 登录到你的Node-RED实例（通常不需要用户名和密码，直接进入）。 3. **前往管理界面**: 点击右上角的齿轮图标（或“ Manage”按钮），进入管理页面。 4. **找到“Nodes”选项**: 在管理菜单中，选择“Manage”或“Nodes”，这将带你到一个包含已安装和可用节点的列表。 5. **搜索或浏览模块**: 在这个页面，你可以通过搜索框查找你想要安装的模块名，或者浏览分类浏览。 6. **安装模块**: 点击你找到的模块，然后点击“Install”按钮进行安装。可能需要确认权限或等待安装过程完成。 7. **刷新页面**: 安装完成后，记得重新加载或刷新Node-RED页面，新安装的模块才会出现在可用节点库中。 **相关问题--:** 1. Node-RED支持哪些类型的模块？ 2. 如何查看已安装的Node-RED模块？ 3. 安装错误时如何解决？

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值