http模块

1.创建最基本的服务器

①导入http模块
②创建web服务器实例
③为服务器实例绑定request事件，监听客户端的请求
④启动服务器

//1.导入http模块
const http=require('http')
//2.创建web服务器实例
const server=http.createServer()
//3.为服务器实例绑定request事件，监听客户端的请求
server.on('request',function(req,res){
    //req是请求对象，它包含了与客户端相关的数据和属性，例如：
    //req.url是客户端请求的URL地址
    //req.method是客户端的method请求类型
    const str='Your request url is ${req.url},and request method is ${req.method}'
    console.log(str)

    //调用res.end()方法，向客户端响应一些内容
    //res.end(str)

    //当调用res.end()方法，向客户端发送中文内容的时候，会出现乱码问题，需要手动设置内容的编码格式
    //为了防止中文显示乱码问题，需设置响应头Content-Type的值为text/html;charset=utf-8
    res.setHeader('Content-Type','text/html;charset=utf-8')
    res.end(str)

    console.log('Someone visit our web server')
})
//4.启动服务器
server.listen(8080,function(){
    console.log('serve running at http://127.0.0.1:8080')
})

2.根据不同的url响应不同的html内容

①获取请求的url地址
②设置默认的响应内容为404 Not Found
③判断用户的请求是否为/或/index.html首页
④判断用户的请求是否为/about.html关于页面
⑤设置Content-Type响应头，防止中文乱码
⑥使用res.end()把内容响应给客户端

const http=require('http')
const server=http.createServer()

server.on('request',function(req,res){
    //1.获取请求的url地址
    const url=req.url
    //2.设置默认的内容为404 Not found
    let content='<h1>404 Not found!</h1>'
    if(url==='/'||url==='/index.html'){
        content='<h1>首页</h1>'//3.用户请求的是首页
    }else if(url==='/about.html'){
        content='<h1>关于页面</h1>'//4.用户请求的是关于页面
    }
    res.setHeader('Content-Type','text/html;charset=utf-8')//5.设置Content-Type响应头，防止中文乱码
    res.end(content)//6.把请求发送到客户端
})

server.listen(8080,function(){
    console.log('serve running at http://127.0.0.1:8080')
})

3.实现clock时钟的web服务器

①导入需要的模块
②创建基本的web服务器
③将资源的请求url地址映射为文件的存放路径
④读取文件内容并响应给客户端
⑤优化资源的请求路径

//1.导入需要的模块
const http=require('http')
const fs=require('fs')
const path=require('path')

//2.1创建web服务器
const server=http.createServer()
//2.2监听web服务器的request事件
server.on('request',function(req,res){
   //3.1获取到客户端请求的url地址
      ///clock/index.html
   const url=req.url
   //3.2把请求的url地址，映射为本地文件的存放路径，预定义空白的文件存放路径
   let fpath=''
   if(url==='/'){
       //5.2如果请求的路径是否为/,则手动指定文件的存放路径
       fpath=path.join(__dirname,'./clock/index.html')
   }else{
       //5.3如果请求的路径不为/，则动态拼接文件的存放路径
       fpath=path.join(__dirname,'./clock',url)
   }

   //4.1根据“映射”过来的文件路径读取文件的内容
   fs.readFile(fpath,'utf-8',(err,dataStr)=>{
       //4.2读取失败，向客户端响应固定的“错误消息”
       if(err) return res.end('404 Not found')
       //4.3读取成功，将读取成功的内容，响应给客户端
       res.end(dataStr)
   })
})
//2.3启动web服务器
server.listen(80,function(){
    console.log('server listen at http://127.0.0.1')
})