【Node.JS 】创建基本的web服务器

简介: 【Node.JS 】创建基本的web服务器

  创建web服务器的基本步骤

    1. 导入http模块
    2. 创建web服务器实例
    3. 微服务器实例绑定request事件,监听客户端的请求。
    4. 启动服务器

    代码操作

    //导入模块
    const http = require('http');
    //创建实例对象
    const server = http.createServer()
    //绑定事件
    server.on('request', function (req, res) {
        console.log('Someone visit our web server');
    })
    //监听端口
    server.listen(8080, function () {
        console.log('server running at http://127.0.0.1:8080');
    })

    image.gif

    image.gif编辑

    我们可以把链接粘贴到浏览器上进行一下访问就会触发我们的request事件

    image.gif编辑

    req请求对象

    只要服务器接收到了客户端的请求,就会调用通过server.on为服务器绑定的request事件处理函数,如果想在事件处理函数中,访问与客户端相关的数据或属性,可以使用如下的方式。

    //导入模块
    const http = require('http');
    //创建实例对象
    const server = http.createServer()
    server.on('request', function (req) {
        //req是请求对象 包含了与客户端相关的数据和属性
        const url = req.url;//链接
        const method = req.method;//请求方式
        const str = `you request url is ${url},and request method is ${method}`;
        console.log(str);
    })
    server.listen(8080, function () {
        console.log('server running at http://127.0.0.1:8080');
    })

    image.gif

    image.gif编辑

    res响应对象

    在服务器的requset事件处理函数中,如果想访问与服务器相关的数据或属性,可以使用如下方式。

    //导入模块
    const http = require('http');
    //创建实例对象
    const server = http.createServer()
    server.on('request', function (req, res) {
        //req是请求对象 包含了与客户端相关的数据和属性
        const url = req.url;//链接
        const method = req.method;//请求方式
        const str = `you request url is ${url},and request method is ${method}`;
        console.log(str);
        //调用res.end方法向客户端响应数据,并结束本
        res.end(str)
    })
    server.listen(8080, function () {
        console.log('server running at http://127.0.0.1:8080');
    })

    image.gif

    访问网页

    image.gif编辑

    image.gif编辑 

    目录
    相关文章
    |
    1月前
    |
    开发框架 JavaScript 前端开发
    使用 Node.js 和 Express 构建 Web 应用
    【10月更文挑战第2天】使用 Node.js 和 Express 构建 Web 应用
    |
    22天前
    |
    XML JavaScript 前端开发
    JavaScript控制台:提升Web开发技能的秘密武器
    作为Web开发人员,掌握JavaScript控制台中的各种方法至关重要。本文介绍了22种实用的console方法,从基本的log()到高级的profile()和memory,每种方法都配有示例和说明,帮助开发者更高效地调试和记录信息。通过了解这些工具,您可以优化代码、提高开发速度,减少错误,使编码过程更加顺畅愉快。
    33 1
    JavaScript控制台:提升Web开发技能的秘密武器
    |
    5天前
    |
    缓存 负载均衡 监控
    性能优化:Node.js高效服务器开发技巧与最佳实践
    【10月更文挑战第29天】在Node.js服务器开发中,性能优化至关重要。本文介绍了几种高效开发的最佳实践,包括使用缓存策略、采用异步编程、实施负载均衡和性能监控。通过示例代码展示了如何实现这些技术,帮助开发者构建更快、更稳定的Node.js应用。
    18 2
    |
    12天前
    |
    JavaScript 前端开发 持续交付
    构建现代Web应用:Vue.js与Node.js的完美结合
    【10月更文挑战第22天】随着互联网技术的快速发展,Web应用已经成为了人们日常生活和工作的重要组成部分。前端技术和后端技术的不断创新,为Web应用的构建提供了更多可能。在本篇文章中,我们将探讨Vue.js和Node.js这两大热门技术如何完美结合,构建现代Web应用。
    16 4
    |
    30天前
    |
    设计模式 JavaScript 前端开发
    浅谈JavaScript 框架在现代 Web 开发中的作用
    浅谈JavaScript 框架在现代 Web 开发中的作用
    35 12
    |
    22天前
    |
    存储 JavaScript 前端开发
    深入探索 Vue.js:构建现代 Web 应用的利器
    【10月更文挑战第11天】深入探索 Vue.js:构建现代 Web 应用的利器
    14 1
    |
    24天前
    |
    JavaScript 前端开发 网络架构
    如何使用Vue.js构建响应式Web应用
    【10月更文挑战第9天】如何使用Vue.js构建响应式Web应用
    |
    24天前
    |
    JavaScript 前端开发
    如何使用Vue.js构建响应式Web应用程序
    【10月更文挑战第9天】如何使用Vue.js构建响应式Web应用程序
    |
    29天前
    |
    Web App开发 前端开发 JavaScript
    JavaScript Web Full Stack 全栈开发者路线及内容推荐
    本文详细介绍了一条全面的JavaScript全栈开发者学习路径,涵盖基础知识、前端和后端开发、数据库与API、MERN Stack与React Native、工程化与部署、安全与测试、未来趋势等方面。推荐了HTML5、CSS3、JavaScript(ES6+)、Node.js、React.js、Vue.js、Svelte、Tailwind CSS、Web Components等关键技术,并提供了丰富的书籍、博主和在线资源。此外,还回顾了JavaScript的历史,并推荐了多个活跃的社区和平台,帮助开发者紧跟技术前沿。
    |
    30天前
    |
    JSON JavaScript 前端开发
    使用 Node.js 和 Express 构建 RESTful API 服务器
    【10月更文挑战第3天】使用 Node.js 和 Express 构建 RESTful API 服务器