【Node.js练习】web服务器案例

简介: 【Node.js练习】web服务器案例

 核心思路

把文件的实际存放路径,作为每个资源的请求url地址。

image.gif编辑

实现步骤

    1. 导入需要的模块
    2. 创建基本的web服务器
    3. 将资源的请求url地址映射为文件的存放路径
    4. 读取文件内容并响应客户端
    5. 优化资源的请求路径

    实现代码

         创建web服务器

           

    //导入
    //导入http模块
    const http = require('http');
    //导入fs系统模块
    const fs = require('fs');
    //导入路径模块
    const path = require('path');
    //创建
    //创建web服务器
    const server = http.createServer();
    //request事件
    server.on('request', function (req, res) {
    })
    //监听
    server.listen(8080, () => {
        console.log('server running at http://127.0.0.1:8080');
    })

    image.gif

    image.gif编辑

    服务器搭建完成

      转换url地址

    //导入
    //导入http模块
    const http = require('http');
    //导入fs系统模块
    const fs = require('fs');
    //导入路径模块
    const path = require('path');
    //创建
    //创建web服务器
    const server = http.createServer();
    //request事件
    server.on('request', function (req, res) {
        const url = req.url;
        //将返回的路径进行修改拼接 再返回到客户端
        const newPath = path.join(__dirname, '/时钟案例/clock', url)
        fs.readFile(newPath, 'utf-8', function (err, data) {
            if (err) {
                return console.log(' 404' + err);
            }
            res.end(data);
        })
    })
    //监听
    server.listen(8080, () => {
        console.log('server running at http://127.0.0.1:8080');
    })

    image.gif

    直接再 端口号后面输入/index.html就可以访问到我们的时钟主页

    image.gif编辑

    这是我的文件路径image.gif编辑

    const newPath = path.join(__dirname, '/时钟案例/clock', url)

    image.gif

    我们输入/index.html url拿到了这个短地址  ,dirname拿到了当前文件的目录路径也就是online,我们将路径导向index.html的父级文件夹 ,三个拼接在一起 就能准确的定位到index.html文件,获取内容将其发送到客户端。

    目录
    相关文章
    |
    16天前
    |
    数据采集 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。
    |
    21天前
    |
    缓存 负载均衡 监控
    性能优化:Node.js高效服务器开发技巧与最佳实践
    【10月更文挑战第29天】在Node.js服务器开发中,性能优化至关重要。本文介绍了几种高效开发的最佳实践,包括使用缓存策略、采用异步编程、实施负载均衡和性能监控。通过示例代码展示了如何实现这些技术,帮助开发者构建更快、更稳定的Node.js应用。
    34 2
    |
    1月前
    |
    JSON JavaScript 前端开发
    使用 Node.js 和 Express 构建 RESTful API 服务器
    【10月更文挑战第3天】使用 Node.js 和 Express 构建 RESTful API 服务器
    |
    1月前
    |
    Web App开发 JavaScript 前端开发
    使用Node.js和Express框架构建Web服务器
    使用Node.js和Express框架构建Web服务器
    |
    1月前
    |
    JSON JavaScript 前端开发
    使用JavaScript和Node.js构建简单的RESTful API服务器
    【10月更文挑战第12天】使用JavaScript和Node.js构建简单的RESTful API服务器
    19 0
    |
    1月前
    |
    XML JSON API
    ServiceStack:不仅仅是一个高性能Web API和微服务框架,更是一站式解决方案——深入解析其多协议支持及简便开发流程,带您体验前所未有的.NET开发效率革命
    【10月更文挑战第9天】ServiceStack 是一个高性能的 Web API 和微服务框架,支持 JSON、XML、CSV 等多种数据格式。它简化了 .NET 应用的开发流程,提供了直观的 RESTful 服务构建方式。ServiceStack 支持高并发请求和复杂业务逻辑,安装简单,通过 NuGet 包管理器即可快速集成。示例代码展示了如何创建一个返回当前日期的简单服务,包括定义请求和响应 DTO、实现服务逻辑、配置路由和宿主。ServiceStack 还支持 WebSocket、SignalR 等实时通信协议,具备自动验证、自动过滤器等丰富功能,适合快速搭建高性能、可扩展的服务端应用。
    113 3
    |
    23天前
    |
    设计模式 前端开发 数据库
    Python Web开发:Django框架下的全栈开发实战
    【10月更文挑战第27天】本文介绍了Django框架在Python Web开发中的应用,涵盖了Django与Flask等框架的比较、项目结构、模型、视图、模板和URL配置等内容,并展示了实际代码示例,帮助读者快速掌握Django全栈开发的核心技术。
    125 45
    |
    4天前
    |
    开发框架 JavaScript 前端开发
    TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势
    TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势。通过明确的类型定义,TypeScript 能够在编码阶段发现潜在错误,提高代码质量;支持组件的清晰定义与复用,增强代码的可维护性;与 React、Vue 等框架结合,提供更佳的开发体验;适用于大型项目,优化代码结构和性能。随着 Web 技术的发展,TypeScript 的应用前景广阔,将继续引领 Web 开发的新趋势。
    18 2
    |
    19天前
    |
    前端开发 API 开发者
    Python Web开发者必看!AJAX、Fetch API实战技巧,让前后端交互如丝般顺滑!
    在Web开发中,前后端的高效交互是提升用户体验的关键。本文通过一个基于Flask框架的博客系统实战案例,详细介绍了如何使用AJAX和Fetch API实现不刷新页面查看评论的功能。从后端路由设置到前端请求处理,全面展示了这两种技术的应用技巧,帮助Python Web开发者提升项目质量和开发效率。
    33 1
    |
    21天前
    |
    XML 安全 PHP
    PHP与SOAP Web服务开发:基础与进阶教程
    本文介绍了PHP与SOAP Web服务的基础和进阶知识,涵盖SOAP的基本概念、PHP中的SoapServer和SoapClient类的使用方法,以及服务端和客户端的开发示例。此外,还探讨了安全性、性能优化等高级主题,帮助开发者掌握更高效的Web服务开发技巧。
    下一篇
    无影云桌面