Skip to content

img

T7.Node.js

难度系数:有点难
难度系数:有点难

了解后端是学习前端的必修课!

在前面的学习中,我们尝试调用了外部的API。接下来,一个API是怎样诞生的呢?在本节中,你将会浅尝服务器端的相关知识,初试Node.js,熟悉Node.js环境,在本地搭建一个简易服务器,并在这个服务器上搭建自己的API。这道题将带领你从前端初级阶段,迈入高级阶段的大门。做好准备,咱们开始吧!

题目描述

在前面的学习中,你已经学会调用第三方API。那么,API是如何工作的?我可以写一个自己的API吗?学习使用Node.js,尝试自己编写一个API。

题目背景

小鱼在调用后端接口的时候总是发现后端描述的变量名与自己写的代码对不上,一番检查之后又发现后端给的接口返回数据不规范,前前后后十几次向后端反馈之后,后端人员怒斥小鱼:你行你上!

小鱼同学认为这是一次接触后端的好机会,他决定先从一个简单的服务器开始做起。

题目要求

  1. 下载Node.js
  2. 用Node.js搭建服务器并利用服务器在命令框浏览器上分别显示“hello,glimmer”,迈出第一步!
  3. 实战题目:创建简易 HTTP 服务器

要求:使用 Node.js 内置 http 模块实现一个服务器,根据请求路径返回不同响应

描述

  1. 创建 HTTP 服务器监听 3000 端口
  2. 实现路由处理,详细见“期望输出”部分
  3. 所有响应头设置 Content-Type: text/plain; charset=utf-8

你的服务器的期望输出

  1. 访问 http://localhost:3000

    这是一个首页。
    这是一个首页。
  2. 访问 http://localhost:3000/date

    现在是2025-10-05,北京时间14:30:22  
    // 你的服务器需要与时俱进!
    现在是2025-10-05,北京时间14:30:22  
    // 你的服务器需要与时俱进!
  3. 访问 http://localhost:3000/about

    关于我:......
    //你还可以试试在自己的博客里调用它!
    关于我:......
    //你还可以试试在自己的博客里调用它!
  4. 访问 http://localhost:3000/xxx

    404:页面不存在QwQ   //这个页面指的是访问不到对应路由的结果
    404:页面不存在QwQ   //这个页面指的是访问不到对应路由的结果

试试看在你的服务器中添加更多接口?

在完成了以上任务后,整理一下你的心得、代码和测试结果的截图(使用ApiFox 或者 Postman ),导出为一个pdf文件,交给我们欣赏一下吧🥰。


附加题:(对后端实现感兴趣的可以了解!)
  1. 利用npm下载express框架(或者去了解一下py的flask框架?)
  2. 学习使用express框架,并利用express框架,制作一个API,完成一个简单常见的任务管理功能:

描述:

  1. 基础设置

    • 使用 Express 创建服务器监听 3000 端口
    • 添加中间件解析 JSON 请求体
  2. 数据格式

    javascript
    { 
      id: Number,       // 自增ID
      title: String,    // 任务名称
      completed: Boolean // 完成状态
    }
    { 
      id: Number,       // 自增ID
      title: String,    // 任务名称
      completed: Boolean // 完成状态
    }
  3. 实现接口

    方法路径功能状态码验证规则
    GET/tasks获取所有任务200不作要求
    POST/tasks创建新任务201验证是否为空
    GET/tasks/:id获取单个任务200/404不作要求
    PUT/tasks/:id更新任务200/404验证任务对象
    DELETE/tasks/:id删除任务204/404不作要求
  4. 错误处理

    • 无效请求返回 400 + JSON 错误信息
    • 资源不存在返回 404 + JSON 错误信息
    • 服务器错误返回 500

​ 完成后使用Apifox或者postman测试,打包你的代码并提交。


可能遇到的问题

我该怎么规范定义我的 API ? 这里可以看看 Restful API 规范。

Node.js入门教程

很多同学可能发现Node.js和之前学习的JavaScript不太一样,大家可以参考下面两个链接

express框架可以参考哪些教程?

本题提交方式

提交点这里

出题者Q&A方式

QQ:3064517736

邮箱:3064517736@qq.com