首页 > 资讯 > 前端开发 > 其他 >浅析Nodejs中的http模块和导出共享

466

分享到

浅析Nodejs中的http模块和导出共享

nodejs node 2022-11-22 23:11:11 466人浏览薄情痞子

摘要

一、Http 模块http 模块是 node.js 官方提供的、用来创建 WEB 服务器的模块。【相关教程推荐：nodejs视频教程】通过 http 模块提供的 http.createServer() 方法，就能方便的把一台普通的电脑，变成

一、Http 模块

http 模块是 node.js 官方提供的、用来创建 WEB 服务器的模块。【相关教程推荐：nodejs视频教程】

通过 http 模块提供的 http.createServer() 方法，就能方便的把一台普通的电脑，变成一台 web 服务器，从而对外提供 web 资源服务。

1、创建 web 服务器

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

示例：监听 8080 服务

// 导入 http 模块
const http = require('http')
// 创建 web 服务器实例
const server = http.createServer()
// 为服务器实例绑定 request 事件 监听客户端的请求
server.on('request', function (req, res) {
    console.log('请求中...')
})
// 启动服务
server.listen(8080, function () {
    console.log('http://127.0.0.1:8080')
})

在这里插入图片描述

2、req 请求对象

只要服务器接收到了客户端的请求，就会调用通过 server.on() 为服务器绑定的 request 事件处理函数

示例：在事件处理函数中，访问与客户端相关的数据或属性

// 导入 http 模块
const http = require('http')
// 创建 web 服务器实例
const server = http.createServer()
// req 是请求对象 包含了与客户端相关的数据和属性
server.on('request', (req) => {
    // req.url 客户端请求的 url 地址
    const url = req.url
    // req.method 是客户端请求的 method 类型
    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('http://127.0.0.1:8080')
})

在这里插入图片描述

3、res 响应对象

在服务器的 request 事件处理函数中，如果想访问与服务器相关的数据或属性，需要使用 response

示例：请求响应

// 导入 http 模块
const http = require('http')
// 创建 web 服务器实例
const server = http.createServer()
// req 是请求对象 包含了与客户端相关的数据和属性
server.on('request', (req, res) => {
    // req.url 客户端请求的 url 地址
    const url = req.url
    // req.method 是客户端请求的 method 类型
    const method = req.method
    const str = `Your request url is ${url} and request method is ${method}`
    console.log(str)
    // 调用 res.end() 方法 向客户端响应一些内容
    res.end(str)
})
// 启动服务
server.listen(8080, function () {
    console.log('http://127.0.0.1:8080')
})

在这里插入图片描述

4、解决中文乱码问题

当调用 res.end() 方法，向客户端发送中文内容时，会出现乱码问题，需要手动设置内容的编码格式

示例：解决中文乱码

// 导入 http 模块
const http = require('http')
// 创建 web 服务器实例
const server = http.createServer()
// req 是请求对象 包含了与客户端相关的数据和属性
server.on('request', (req, res) => {
    // req.url 客户端请求的 url 地址
    const url = req.url
    // req.method 是客户端请求的 method 类型
    const method = req.method
    const str = `请求地址是 ${url} 请求方法是 ${method}`
    console.log(str)
    // 设置 Content-Type 响应头 解决中文乱码问题
    res.setHeader('Content-Type', 'text/html; charset=utf-8')
    // 调用 res.end() 方法 向客户端响应一些内容
    res.end(str)
})
// 启动服务
server.listen(8080, function () {
    console.log('http://127.0.0.1:8080')
})

在这里插入图片描述

5、根据不同的 url 响应不同的 html 内容

示例：步骤如下

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

// 导入 http 模块
const http = require('http')
// 创建 web 服务器实例
const server = http.createServer()
// req 是请求对象 包含了与客户端相关的数据和属性
server.on('request', (req, res) => {
    // req.url 客户端请求的 url 地址
    const url = req.url
    // 设置默认的内容为 404 Not Found
    let content = '<h1>404 Not Found!</h1>'
    // 用户请求页是首页
    if(url === '/' || url === '/index.html') {
        content = '<h1>首页</h1>'
    } else if (url === '/about.html') {
        content = '<h1>关于页面</h1>'
    }
    // 设置 Content-Type 响应头 防止中文乱码
    res.setHeader('Content-Type', 'text/html; charset=utf-8')
    // 调用 res.end() 方法 向客户端响应一些内容
    res.end(content)
})
// 启动服务
server.listen(8080, function () {
    console.log('http://127.0.0.1:8080')
})

在这里插入图片描述

二、node.js 中的模块分类

1、三大模块分类

内置模块：由 node.js 官方提供的，如 fs、path、http 等
自定义模块：用户创建的每个 .js 文件，都是自定义模块
第三方模块：由第三方开发出来的模块，使用前要先下载

2、模块作用域

防止了全局变量污染的问题

示例：

index.js 文件

const username = '张三'

function say() {
    console.log(username);
}

test.js 文件

const custom = require('./index')

console.log(custom)

在这里插入图片描述

3、module.exports 对象

在自定义模块中，可以使用 module.exports 对象，将模块内的成员共享出去，供外界使用。

外界 require() 方法导入自定义模块时，得到的就是 module.exports 所指向的对象

示例：

index.js 文件

const blog = '前端杂货铺'

// 向 module.exports 对象上挂载属性
module.exports.username = '李四'
// 向 module.exports 对象上挂载方法
module.exports.sayHello = function () {
    console.log('Hello!')
}
module.exports.blog = blog

test.js 文件

const m = require('./index')

console.log(m)

在这里插入图片描述

4、共享成员时的注意点

使用 require() 方法导入模块时，导入的结果，永远以 module.exports 指向的对象为准

示例：

index.js 文件

module.exports.username = '李四'

module.exports.sayHello = function () {
    console.log('Hello!')
}

// 让 module.exports 指向一个新对象
module.exports = {
    nickname: '张三',
    sayHi() {
        console.log('Hi!')
    }
}

test.js 文件

const m = require('./index')

console.log(m)

在这里插入图片描述

5、exports 和 module.exports

默认情况下，exports 和 module.exports 指向同一个对象。

最终共享的结果，还是以 module.exports 指向的对象为准。

示例：

index1.js 文件

exports.username = '杂货铺'

module.exports = {
    name: '前端杂货铺',
    age: 21
}

在这里插入图片描述

index2.js 文件

module.exports.username = 'zs'

exports = {
    gender: '男',
    age: 22
}

在这里插入图片描述

index3.js 文件

exports.username = '杂货铺'

module.exports.age = 21

在这里插入图片描述

index4.js 文件

exports = {
    gender: '男',
    age: 21
}

module.exports = exports

module.exports.username = 'zs'

在这里插入图片描述

对 index2.js 文件结果的解析如下：

在这里插入图片描述
对 index4.js 文件结果的解析如下：

注意：为防止混乱，尽量不要在同一个模块中同时使用 exports 和 module.exports

以上就是浅析Nodejs中的http模块和导出共享的详细内容，更多请关注编程网其它相关文章！

点击免费下载>>软考高级考试备考技巧/历年真题/备考精华资料

--结束END--

本文标题: 浅析Nodejs中的http模块和导出共享

本文链接: https://www.lsjlt.com/news/173493.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑，方便收藏和打印～

下载Word文档

去做题

猜你喜欢

小程序速报[No.90] | 小程序最新资讯，错过还要等2周

⭐本期内容速览：1、平台支付手续费调整通知2、关于canvas v2 保存图片的实现3、小程序变现锦囊：交易解决方案上线，新能力助力好生意4、交易类目限制订单金额及账期调整通知5、助力留资转化率，留资组件内测开启6、官方小程序上线，提升经营...

99+

2024-05-14

头条抖音小程序更新
代码级质量技术之基本框架介绍

一、背景代码级质量技术：顾名思义为了服务质量更好，涉及到代码层面的相关技术，特别要指出的是，代码级质量技术不单纯指代码召回技术，如静态代码扫描、单元测试等。研究代码级质量技术主要有以下几个方面的原因：1、随着精准测试等概念的兴起，对代码覆盖...

99+

2024-05-14

代码级质量框架
jquery清除同级div

随着Web应用不断复杂，JavaScript框架变得越来越重要。其中最受欢迎的框架之一是jQuery，jQuery是一个流行的JavaScript库，它可以使处理文档元素、处理事件和创建特效更加容易。在这篇文章中，我们将学习如何使用jQue...

99+

2024-05-14
jquery 查询筛选

JQuery是一款非常优秀的JavaScript库，提供了许多便捷的方法使得前端开发变得更加快捷高效。在JQuery中，查询筛选是其最常用的功能之一，本文将详细介绍JQuery查询筛选的相关部分。一、概述JQuery的查询筛选机制是其最重要...

99+

2024-05-14
jquery 图片无法显示

在网页开发过程中，经常会用到图片来丰富页面内容，但有时会出现图片无法显示的情况，这个问题通常与文件路径或文件名有关。本文将介绍使用 jQuery 快速解决图片无法显示的问题。一、确认图片文件路径最常见的原因是图片文件路径错误或者图片文件不存...

99+

2024-05-14
jquery移除只读

在使用HTML表单时，经常需要将一些输入框设置为只读状态，以防止用户对这些信息进行修改。但有时候需要在特定情况下，将这些输入框的只读属性移除，以便用户可以进行修改或编辑。这时候就需要使用jQuery来移除只读属性。jQuery是一种Java...

99+

2024-05-14
vue选择地址怎么做

Vue是一种流行的JavaScript框架，用于构建交互式Web应用程序。在许多Web应用程序中，选择地址是常见的功能需求。本文将介绍如何使用Vue实现选择地址，包括如何使用第三方库和如何自定义Vue组件。一、使用第三方库一个常见的选择地址...

99+

2024-05-14
VUe双中括号属性如何使用

Vue是一种流行的JavaScript框架，它使用双花括号（“{{”和“}}”）语法来实现属性与视图之间的数据绑定。VUe框架中的模板显示了被框架监控的变量的特定属性，当这些变量的值改变时，这些属性也跟随改变，从而在视图中自动更新相应的值。...

99+

2024-05-14
vue refs 方法参数

随着前端技术的不断发展，Vue框架毫无疑问成为了前端框架中最受欢迎的一种。Vue组件的复杂性也越来越高，因此，Vue框架提供了许多API来使得开发更加灵活和高效。其中之一就是refs方法。refs 方法用于在Vue中访问组件的实例或元素。这...

99+

2024-05-14
vue.js函数求和

Vue.js是一个流行的JavaScript框架，它使得前端开发变得更容易和更快速。在Vue.js中，我们可以通过函数来实现对数据的操作，并实现一些加减乘除等简单的数学计算。本文将介绍如何使用Vue.js实现一个函数求和功能。首先，我们需要...

99+

2024-05-14