教程CLI【免费下载链接】learnyounodeLearn You The Node.js For Much Win! An intro to Node.js via a set of self-guided workshops.项目地址https://gitcode.com/gh_mirrors/le/learnyounode点击查看免费下载本篇文章以 learnyounode 工作坊「HTTP CLIENT」关卡为骨架系统讲解如何用 Node.js 核心模块http发起 HTTP GET 请求并通过响应流Stream的data/error/end事件逐块读取响应内容。读完本文你将掌握http.get()的用法、Node Stream 的事件监听模式、setEncoding(utf8)对数据类型的影响并能结合仓库源码理解 learnyounode 的本地测试服务器是如何验证你提交的代码的。1. 关卡背景learnyounode 工作坊中的 HTTP CLIENTlearnyounode 是一套以「自引导式练习」驱动学习者入门 Node.js 的开源工作坊详见 README.md 中的项目定位说明。在 learnyounode.js 中可以看到整套课程的注册顺序HELLO WORLD、BABY STEPS、MY FIRST I/O!、MY FIRST ASYNC I/O!、FILTERED LS、MAKE IT MODULAR之后紧接着就是HTTP CLIENT随后是HTTP COLLECT、JUGGLING ASYNC、TIME SERVER、HTTP FILE SERVER、HTTP UPPERCASERER、HTTP JSON API SERVER等网络相关练习。也就是说HTTP CLIENT 是学习者从「文件系统 I/O」过渡到「HTTP 网络编程」的第一课。它的定位是只做一件事——用最直接的方式发一个 GET 请求并把响应的数据原样打印出来不涉及数据聚合、不涉及服务器端开发为后续HTTP COLLECT收集全部响应再输出等关卡打好事件流基础。本关卡的任务描述与提示完整收录在 exercises/http_client/problem.pt-br.md葡萄牙语版本英文原版见 exercises/http_client/problem.md。2. 任务要求逐条拆解原文档给出的任务非常具体可以拆成以下四个硬性要求发起 HTTP GET 请求目标 URL 由命令行第一个参数提供使用http核心模块完成请求把响应中每一个data事件的字符串内容各写在一行输出到控制台stdout程序需要能够通过learnyounode verify http-client.js的验证该命令写法见 exercises/http_client/problem.md。其中「每一个data事件写一行」是很容易被忽略的关键点它要求你不要聚合数据而是保持流式输出——每收到一块数据就立刻打印块与块之间换行分隔。这与后续 HTTP COLLECT 关卡「收集全部数据、统一输出两行」的要求形成鲜明对比。3. 使用 http 核心模块与 http.get() 快捷方法原文档提示本练习需要使用 Node.js 核心模块http对应仓库中随项目一起提供的 docs-nodejs/http.html 文档页面。引入模块的方式是const http require(http)发起请求时文档推荐使用http.get()——它是http.request()针对简单 GET 请求的快捷封装无需手动设置请求方法、也无需调用req.end()来结束请求。其调用形式为http.get(url, callback)第一个参数要请求的 URL 字符串第二个参数请求完成收到响应后触发的回调函数。从源码实现看官方参考解答正是直接用process.argv[2]取命令行第一个参数作为 URL// 仓库参考实现exercises/http_client/solution/solution.js use strict const http require(http) http.get(process.argv[2], function (response) { response.setEncoding(utf8) response.on(data, console.log) response.on(error, console.error) }).on(error, console.error)注意process.argv的索引规律argv[0]是 node 可执行文件路径argv[1]是脚本文件路径argv[2]起才是真正的用户参数因此 URL 取自process.argv[2]。4. 理解回调签名response 是一个 Node Stream原文档特别强调http.get()的回调签名与 Node.js 中常见的function (err, data)模式不同它的签名是function callback (response) { /* ... */ }回调只接收一个参数——response响应对象。这里有两个容易踩坑的点它没有err参数错误不会以第一个参数的形式传入回调而是通过事件error或请求对象上的监听器暴露response本质上是一个 NodeStream流对象不是一次性返回完整内容的普通数据对象。Stream 的含义在于响应数据是分块到达的你需要通过事件监听来消费它而不是拿到一个「完整响应体」。4.1 三个核心事件data、error、end原文档指出对 Node Stream 最值得关注的三个事件是事件触发时机典型用途data每接收到一块chunk可用数据时逐块处理响应内容error发生错误时捕获并报告异常end响应数据全部接收完毕时执行收尾逻辑监听事件的统一写法是.on(eventName, listener)response.on(data, function (data) { /* ... */ })关于data事件原文档明确指出data在一个数据块可用且可被处理时触发而每个块的大小取决于底层数据源。也就是说数据块的大小由网络传输、底层缓冲等因素决定不应假设每次data事件携带固定长度的数据。在 learnyounode 的测试服务器场景中这一点体现得尤为明显——见本文第 7 节的源码剖析。5. setEncoding(utf8)让 data 事件输出字符串而非 Buffer默认情况下data事件携带的数据是 Node 的Buffer对象二进制数据容器。如果你想直接得到字符串原文档给出了官方推荐做法调用response流对象上的setEncoding()方法response.setEncoding(utf8)调用setEncoding(utf8)之后data事件发出的将是String如果不调用你需要自己把Buffer显式转换为字符串例如data.toString()。这一点对本题至关重要因为任务要求「把每个data事件的字符串内容写一行到 stdout」——直接输出字符串最贴合要求也避免了每次手动toString()的样板代码。仓库参考实现solution.js和验证用测试文件test/http_client/valid_01.js都无一例外地在读取数据前先调用setEncoding(utf8)。6. 完整参考实现与代码走读综合原文档所有提示一份可直接通过验证的解答如下即仓库官方参考实现use strict const http require(http) http.get(process.argv[2], function (response) { response.setEncoding(utf8) response.on(data, console.log) response.on(error, console.error) }).on(error, console.error)逐行解读http.get(process.argv[2], callback)以命令行第一个参数为 URL 发起 GET 请求response.setEncoding(utf8)把数据编码设为 UTF-8使data事件回调收到的是字符串response.on(data, console.log)每收到一块数据就打印一行。console.log本身就是data事件的回调——因为事件回调只接收一个参数数据块与console.log的签名天然契合这正是官方解答用console.log直接当监听器的原因response.on(error, console.error)监听响应流上的错误.on(error, console.error)链式调用在http.get()返回的请求对象上监听请求对象上的错误例如 DNS 解析失败、连接被拒等请求阶段的异常——这是文档提示之外、参考实现主动补充的健壮性处理。与之对应的验证测试 test/http_client/valid_01.js 使用了同样的模式require(http).get(process.argv[2], processResponse)并将回调抽成具名函数说明这套「setEncoding data/error 监听」是 learnyounode 官方认可的通过标准。7. 从源码看懂验证机制测试服务器如何工作学完代码再来看这套练习背后的验证原理——learnyounode 会为你的提交程序启动一个本地 HTTP 测试服务器其实现位于 exercises/http_client/exercise.js。关键逻辑如下启动测试服务器exercise.js用http.createServer创建服务响应时把一组单词逐个写入每个单词之间用setTimeout延迟25ms形成典型的分块chunked响应——这正是上文所说「每个 data 块大小取决于底层数据源」的实锤10 个单词被拆成 10 个分块先后到达随机端口exercise.js服务器listen(0)监听随机空闲端口然后拼出http://localhost:port作为 URL把 URL 注入命令行参数exercise.jsthis.submissionArgs [url]与this.solutionArgs [url]——你的程序submission和官方解答solution会以该 URL 作为第一个命令行参数被分别启动这正是题目要求「URL 由命令行第一个参数提供」的由来数据来源lib/words.js单词来自boganipsum包boganipsum/clean_words经过随机排序后截取前 10 个构成响应的内容体清理exercise.js验证结束后关闭服务器。因此验证的判定逻辑本质上是把你的程序输出与官方解答在同样条件下同一测试服务器、同一 URL、同样的分块节奏的输出逐行比对。只要你的程序对每一个data事件各打印一行字符串输出顺序、行数就与官方解答一致从而通过验证。8. 运行与验证方式安装并启动 learnyounode 后安装方式详见 README.md即npm install -g learnyounode在终端选中 HTTP CLIENT 关卡进入练习。完成后用如下命令验证你的解答learnyounode verify http-client.js如果文件名不同把http-client.js替换为你的实际文件名例如node program.js本地自测或用learnyounode verify program.js提交验证。验证通过会显示 PASS失败则会提示输出差异。9. 知识点总结与延伸本关卡浓缩了三个值得长期留意的 Node.js 核心知识点http.get()是http.request()的 GET 快捷封装适合「只请求、不提交」的场景http.get()的回调参数是响应流Stream不是完整数据必须用data/error/end事件消费事件块的粒度由底层数据源决定不可预设setEncoding(utf8)是流式文本处理的惯用手段能让你免去手动Buffer转换。如果你已经完成本关下一关 exercises/http_collect/problem.pt-br.mdHTTP COLLECT将要求你聚合所有data数据后输出总字符数与完整内容——届时可对比体验「流式逐块输出」与「聚合后输出」两种截然不同的处理模式。赞分享教程CLI【免费下载链接】learnyounodeLearn You The Node.js For Much Win! An intro to Node.js via a set of self-guided workshops.项目地址https://gitcode.com/gh_mirrors/le/learnyounode点击查看免费下载相关推荐learnyounode 实战用 http.get() 与 Stream 事件模型编写 HTTP 客户端learnyounode 实战用 http.get 与 Stream 事件模型编写 HTTP 客户端 本文以 learnyounode 课程第 7 个练习 H教程CLInextjs-use-php 对比 react-use-c 与 react-use-rust在 React 中嵌入多语言的 3 种思路nextjs use php 对比 react use c 与 react use rust在 React 中嵌入多语言的 3 种思路 nextjs use教程CLIlearnyounode HTTP CLIENT 练习详解用 Node.js 的 http.get() 编写第一个 HTTP GET 客户端learnyounode HTTP CLIENT 练习详解用 Node.js 的 http.get 编写第一个 HTTP GET 客户端 本指南围绕 lear教程CLI上一篇终极解析ViBidLAQA_base基于VietAI/vit5-base的法律领域AI模型原理下一篇【亲测免费】 探秘Univer一个开放源代码的全栈Web开发框架创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考