【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编辑 

    目录
    相关文章
    |
    18天前
    |
    开发框架 JavaScript 中间件
    node+express搭建服务器环境
    node+express搭建服务器环境
    node+express搭建服务器环境
    |
    2天前
    android-agent-web中js-bridge案例
    android-agent-web中js-bridge案例
    10 2
    |
    9天前
    |
    JavaScript 前端开发 UED
    Vue工具和生态系统: Vue.js和服务器端渲染(SSR)有关系吗?请解释。
    Vue.js是一个渐进式JavaScript框架,常用于开发单页面应用,但其首屏加载较慢影响用户体验和SEO。为解决此问题,Vue.js支持服务器端渲染(SSR),在服务器预生成HTML,加快首屏速度。Vue.js的SSR可手动实现或借助如Nuxt.js的第三方库简化流程。Nuxt.js是基于Vue.js的服务器端渲染框架,整合核心库并提供额外功能,帮助构建高效的应用,改善用户体验。
    12 0
    |
    15天前
    |
    JavaScript 前端开发 API
    Vue.js:构建高效且灵活的Web应用的利器
    Vue.js:构建高效且灵活的Web应用的利器
    |
    1月前
    |
    运维 JavaScript 前端开发
    发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
    发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
    |
    1月前
    |
    监控 JavaScript 安全
    监控内网电脑软件设计与实现:基于Node.js的服务器端架构分析
    在当今信息技术高度发达的时代,监控内网电脑的需求日益增长。企业需要确保网络安全,个人用户也需要监控家庭网络以保护隐私和安全。本文将介绍一种基于Node.js的服务器端架构,用于设计和实现监控内网电脑软件。
    104 0
    |
    1月前
    |
    JavaScript 前端开发 API
    Vue.js:构建现代化Web应用的灵活选择
    Vue.js:构建现代化Web应用的灵活选择
    40 0
    如何使用node搭建本地服务器(最详细)
    如何使用node搭建本地服务器(最详细)
    |
    2月前
    |
    JavaScript 前端开发 Java
    MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。
    MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 和 Ext JS 都是 JavaScript 框架,用于开发 Web 应用程序。它们分别提供了不同的功能和特性,以帮助开发者更高效地构建和维护 Web 应用程序。
    17 2
    |
    2月前
    |
    Web App开发 JavaScript 前端开发
    构建现代Web应用:Vue.js与Node.js的完美结合
    在当今快速发展的Web技术领域,选择合适的技术栈对于开发高效、响应迅速的现代Web应用至关重要。本文深入探讨了Vue.js和Node.js结合使用的优势,以及如何利用这两种技术构建一个完整的前后端分离的Web应用。不同于传统的摘要,我们将通过一个实际的项目示例,展示从搭建项目架构到实现具体功能的整个过程,着重介绍了Vue.js在构建用户友好的界面方面的能力,以及Node.js在处理服务器端逻辑和数据库交互中的高效性。通过本文,读者不仅能够理解Vue.js与Node.js各自的特点,还能学习到如何将这两种技术融合应用,以提升Web应用的开发效率和用户体验。