http模块 - 创建Web服务以及案例

复制代码
/**
 * 目标: 基于http模块创建Web服务程序
 *
 * 1.1 加载http模块, 创建Web服务对象
 * 1.2 监听request请求事件, 设置响应头和响应体
 * 1.3 配置端口号并启动Web服务
 * 1.4 浏览器请求: http://localhost:3000 测试
 *
 */

// 加载http模块, 创建web服务对象
const http = require('http');
const server = http.createServer()

// 监听request请求事件, 设置响应头和响应体
server.on('request', (req, res) => {
    // 设置响应头, 内容类型 - 普通文本以及中文编码格式
    res.setHeader('Content-Type', 'text/plain;charset=utf-8')

    // 设置响应体内容, 结束本次请求与响应
    res.end('欢迎使用Node.js 和http模块创建的Web服务')
})

// 配置端口号并启动Web服务
server.listen(4000, () => {
    console.log('启动成功');
})




// 案例 - 浏览压缩后的html页面
/**
 *
 * 目标: 基于Web服务, 开发提供网页资源的功能
 * 步骤:
 *  1. 基于http模块, 创建Web服务
 *  2. 使用req.url获取请求资源路径, 并读取index.html里字符串内容返回给请求方
 *  3. 其他路径, 暂时返回不存在提示
 *  4. 运行Web服务, 用浏览器发起请求
 *
 */
const fs = require('fs')
const path = require('path')
const http = require('http');
const server = http.createServer()
server.on('request', (req, res) => {
    if (req.url === '/index.html') {
        fs.readFile(path.join(__dirname, 'dist/index.html'), (err, data) => {
            if(err) console.error(err)
            else {
                res.setHeader('Content-Type', 'text/html;charset=utf-8');
                res.end(data.toString())
            }
        })
    } else {
        res.setHeader('Content-Type', 'text/html;charset=utf-8')
        res.end('你要访问的资源不存在')
    }
})

server.listen(3000, () => {
    console.log('3000端口请求成功');
})
相关推荐
lh_125444 分钟前
Uni-app 组件使用
前端·javascript·uni-app
Kx…………1 小时前
Day3:设置页面全局渐变线性渐变背景色uniapp壁纸实战
前端·学习·uni-app·实战·项目
Q_Boom1 小时前
前端跨域问题怎么在后端解决
java·前端·后端·spring
搬砖工程师Cola1 小时前
<Revit二次开发> 通过一组模型线构成墙面,并生成墙。Create(Document, IList.Curve., Boolean)
java·前端·javascript
林十一npc1 小时前
Fiddler抓取APP端,HTTPS报错全解析及解决方案(一篇解决常见问题)
android·前端·网络协议·https·fiddler·接口测试
小妖6662 小时前
4个纯CSS自定义的简单而优雅的滚动条样式
前端·javascript·css
江沉晚呤时2 小时前
深入解析 .NET Kestrel:高性能 Web 服务器的架构与最佳实践
服务器·前端·.net
264玫瑰资源库3 小时前
网狐旗舰大联盟组件源码私测笔记:结构分层、UI重构与本地实操全流程
java·前端·数据库·笔记·ui·重构
qq_589568103 小时前
Electron学习+打包
前端·javascript·electron
小星jeff3 小时前
rails 8 CSS不起效问题解决
前端·css