【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 应用
    |
    8天前
    |
    数据采集 JavaScript 搜索推荐
    服务器端渲染(SSR)(Nuxt+Next.js)
    服务器端渲染(SSR)技术在服务器上生成页面HTML,提升首屏加载速度和SEO效果。Nuxt.js和Next.js分别是基于Vue.js和React.js的流行SSR框架。Nuxt.js提供自动化路由管理、页面级数据获取和布局系统,支持SSR和静态站点生成。Next.js支持SSR、静态生成和文件系统路由,通过`getServerSideProps`和`getStaticProps`实现数据获取。SSR的优点包括首屏加载快、SEO友好和适合复杂页面,但也会增加服务器压力、开发限制和调试难度。选择框架时,可根据项目需求和技术栈决定使用Nuxt.js或Next.js。
    |
    13天前
    |
    缓存 负载均衡 监控
    性能优化:Node.js高效服务器开发技巧与最佳实践
    【10月更文挑战第29天】在Node.js服务器开发中,性能优化至关重要。本文介绍了几种高效开发的最佳实践,包括使用缓存策略、采用异步编程、实施负载均衡和性能监控。通过示例代码展示了如何实现这些技术,帮助开发者构建更快、更稳定的Node.js应用。
    33 2
    |
    20天前
    |
    JavaScript 前端开发 持续交付
    构建现代Web应用:Vue.js与Node.js的完美结合
    【10月更文挑战第22天】随着互联网技术的快速发展,Web应用已经成为了人们日常生活和工作的重要组成部分。前端技术和后端技术的不断创新,为Web应用的构建提供了更多可能。在本篇文章中,我们将探讨Vue.js和Node.js这两大热门技术如何完美结合,构建现代Web应用。
    19 4
    |
    1月前
    |
    存储 JavaScript 前端开发
    深入探索 Vue.js:构建现代 Web 应用的利器
    【10月更文挑战第11天】深入探索 Vue.js:构建现代 Web 应用的利器
    18 1
    |
    1月前
    |
    JavaScript 前端开发 网络架构
    如何使用Vue.js构建响应式Web应用
    【10月更文挑战第9天】如何使用Vue.js构建响应式Web应用
    |
    1月前
    |
    JavaScript 前端开发
    如何使用Vue.js构建响应式Web应用程序
    【10月更文挑战第9天】如何使用Vue.js构建响应式Web应用程序
    |
    1月前
    |
    JavaScript 前端开发 开发者
    前端开发趋势:从Web Components到Vue.js
    【10月更文挑战第9天】前端开发趋势:从Web Components到Vue.js
    |
    1月前
    |
    JSON JavaScript 前端开发
    使用 Node.js 和 Express 构建 RESTful API 服务器
    【10月更文挑战第3天】使用 Node.js 和 Express 构建 RESTful API 服务器
    |
    1月前
    |
    Java PHP
    PHP作为广受青睐的服务器端脚本语言,在Web开发中占据重要地位。理解其垃圾回收机制有助于开发高效稳定的PHP应用。
    【10月更文挑战第1天】PHP作为广受青睐的服务器端脚本语言,在Web开发中占据重要地位。其垃圾回收机制包括引用计数与循环垃圾回收,对提升应用性能和稳定性至关重要。本文通过具体案例分析,详细探讨PHP垃圾回收机制的工作原理,特别是如何解决循环引用问题。在PHP 8中,垃圾回收机制得到进一步优化,提高了效率和准确性。理解这些机制有助于开发高效稳定的PHP应用。
    43 3