NodeJs学习日报——day3

// 导入模块
const http = require('http')

// 创建web服务器实例
const server = http.createServer()

// 为服务器实例绑定request事件，监听客户端请求
server.on('request', function (req, resp) {
    console.log("Someone visit our web server.");
})

// 启动服务器
server.listen(8080, function () {
    console.log("server running at http://120.0.0.1:8080");
})

// 导入模块
const http = require('http')

// 创建web服务器实例
const server = http.createServer()

server.on('request', (req) => {
    const url = req.url
    const method = req.method
    const str = `Your request url is ${url},and request method is ${method}`
    console.log(str);
})

// 启动服务器
server.listen(8080, function () {
    console.log("server running at http://120.0.0.1:8080");
})

// 导入模块
const http = require('http')

// 创建web服务器实例
const server = http.createServer()

server.on('request', (req, resp) => {
    // 设置编码格式
    resp.setHeader('Content-Type', 'text/html; charset=utf-8')

    const url = req.url
    const method = req.method
    const str = `你请求的url是 ${url},请求方法是 ${method}`
    console.log(str);

    // 调用resp.end方法，响应信息
    resp.end(str)
})

// 启动服务器
server.listen(8080, function () {
    console.log("server running at http://120.0.0.1:8080");
})

const fs = require('fs')
const path = require('path')

// 定义正则表达式，分别匹配style和script
const regStyle = /<style>[\s\S]*<\/style>/
const regScript = /<script>[\s\S]*<\/script>/

fs.readFile (path.join(__dirname, './clock/index.html'), 'utf-8', function(err, dataStr) {
    if (err) {
        return console.log("读取HTML文件失败" + err.message);
    }

    resolveCSS(dataStr)
    resolveJs(dataStr)
    resolveHtml(dataStr)
})

// 定义处理css样式的方法
function resolveCSS(cssStr) {
    // 使用正则提取需要的内容
    const r1 = regStyle.exec(cssStr)

    // 将提取出来的样式字符串，进行字符串的replace替换操作
    const newCss = r1[0].replace('<style>', '').replace('</style>', '')

    // 将提取的样式，存储到index.css文件中
    fs.write(path.join(__dirname, "./clock/index.css"), newCss, function(err) {
        if (err) {
            return console.log("css文件写入失败" + err.message);
        }
        console.log("css文件写入成功");
    })
}

// 定义处理js样式的方法
function resolveJs(JsStr) {
    // 使用正则提取需要的内容
    const r2 = regScript.exec(JsStr)

    // 将提取出来的样式字符串，进行字符串的replace替换操作
    const newJs = r2[0].replace('<script>', '').replace('</script>', '')

    // 将提取的样式，存储到index.css文件中
    fs.write(path.join(__dirname, "./clock/index.js"), newJs, function(err) {
        if (err) {
            return console.log("js文件写入失败" + err.message);
        }
        console.log("js文件写入成功");
    })
}

// 定义处理html文件的方法
function resolveHtml(htmlStr) {
    // 将字符串调用replace方法，把内嵌的style和script替换成内联标签
    const newHtml = htmlStr.replace(regStyle, '<link rel="stylesheet" href="./index.css" />')
    .replace(regScript, '<script src="./index.js"></script>')

    // 写入html文件
    fs.write(path.join(__dirname, './clock/index.html'), newHtml, function(err) {
        if (err) {
            return console.log("html文件写入失败" + err.message);
        }

        console.log("文件写入成功");
    })
}