Node.js基础入门—2

nodejs处理http请求

一、Request(req)、Response(res)

在这里插入图片描述
在这里插入图片描述

const http = require('http')

// req Request,res Response
const server = http.createServer((req, res) => {
    // console.log('已经收到 http 请求')
    const url = req.url // http://localhost:3000/index.html
    console.log('url is: ', url) // /index.html
    res.end('hello world') // res 返回信息给前端
})

server.listen(3000) // 可以监听 http 请求
console.log('http 请求已经被监听,3000 端口, 请访问 http://localhost:3000')

二、定义路由

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、querystring

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

const http = require('http')
const querystring = require('querystring')

// req Request,res Response
const server = http.createServer((req, res) => {
    const url = req.url // favicon.ico
    const path = url.split('?')[0] // /api/list
    const queryStr = url.split('?')[1] // 'a=100&b=200' 非结构化
    const method = req.method

    // console.log('url is: ', url) // /api/list?a=100&b=200
    // console.log('method is: ', method)

    // 解析 querystring
    // const query = {}
    // queryStr && queryStr.split('&').forEach(item => {
    //     // item 即 a=100 形式
    //     const key = item.split('=')[0] // 'a'
    //     const val = item.split('=')[1] // '100'
    //     query[key] = val // { a: '100', b: '200' } 结构化
    // })
    const query = querystring.parse(queryStr)
    console.log('query is ', query)

    // 定义路由:模拟获取留言板列表
    if (path === '/api/list' && method === 'GET') {
        if (query.filterType === '1') {
            res.end('this is list router, all')
        }
        if (query.filterType === '2') {
            res.end('this is list router, only mine')
        }
        // res.end('this is list router') // res 的返回,后面会讲
    }
    
    // 定义路由:模拟创建留言
    if (path === '/api/create' && method === 'POST') {
        res.end('this is create router')
    }

    res.end('404')
})

server.listen(3000) // 可以监听 http 请求
console.log('http 请求已经被监听,3000 端口, 请访问 http://localhost:3000')

在这里插入图片描述

四、res返回数据

在这里插入图片描述
在这里插入图片描述

五、获取req body

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

const http = require('http')
const querystring = require('querystring')

// req Request,res Response
const server = http.createServer((req, res) => {
    const url = req.url
    const path = url.split('?')[0] 
    const queryStr = url.split('?')[1]
    const method = req.method
    const query = querystring.parse(queryStr)

    // 定义路由:模拟获取留言板列表
    if (path === '/api/list' && method === 'GET') {
        // res.end('this is list router')

        // 返回结果
        const result = {
            errno: 0,
            data: [
                { user: '张三', content: '留言1' },
                { user: '李四', content: '留言2' }
            ]
        }
        res.writeHead(200, { 'Content-type': 'application/json' })
        res.end( JSON.stringify(result) ) // body
    }
    
    // 定义路由:模拟创建留言
    if (path === '/api/create' && method === 'POST') {
        // res.end('this is create router')

        const reqType = req.headers['content-type']

        let bodyStr = ''
        req.on('data', chunk => { // 服务端怎么去识别“流”,并接收数据
            // chunk 即“流”的每一段数据
            bodyStr = bodyStr + chunk.toString()
        })
        req.on('end', () => { // 服务端怎么知道流完了
            if (reqType === 'application/json') { // json 格式
                const body = JSON.parse(bodyStr)
                console.log('body is ', body) // 对象格式
            }
            
            res.end('接收完成') // 异步
        })

        // const result = {
        //     errno: 0,
        //     message: '创建成功'
        // }
        // res.writeHead(200, { 'Content-type': 'application/json' })
        // res.end( JSON.stringify(result) ) // body

        return
    }

    // 没有命中路由,默认 404
    // res.end('404')
    // res.writeHead(404, { 'Content-type': 'text/plain' })
    // res.end('404 Not Found')
    res.writeHead(404, { 'Content-type': 'text/html' })
    res.end(`
        <!DOCTYPE html>
        <html>
            <head>
                <title>404</title>
            </head>
            <body>
                <h1>404 Not Found</h1>
            </body>
        </html>
    `)
})

server.listen(3000) // 可以监听 http 请求
console.log('http 请求已经被监听,3000 端口, 请访问 http://localhost:3000')

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值