热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

专门针对初学者的Node.js教程

Node.js的教程并不缺乏,但有大部分教程针对已有Node.js基础的开发者。“我已下载了Node.js,可我如何开始呢?”以下教程是专门针对Node.js初学者,文中将通过实例分享,一步步教你如何开始Node.js之旅。

Node.js的教程并不缺乏,但有大部分教程针对已有Node.js基础的开发者。“我已下载了Node.js,可我如何开始呢?”以下教程是专门针对Node.js初学者,文中将通过实例分享,一步步教你如何开始Node.js之旅。  

什么是Node.js?

很多初学者并没有真正地理解Node.js到底是什么。nodejs.org网站中的描述也没有多大帮助。

首先要清楚Node不是一个Web服务器,这十分重要。它本身并不能做任何事情。它无法像Apache那样工作。如果你希望它成为一个HTTP服务器,你必须借助它内置库自己编写。Node.js只是计算机上执行代码的另一种方式,它是一个简单的Javascript Runtime.

安装Node.js

Node.js的安装十分容易。只需在这里下载满足你需要的安装程序即可。

已安装好Node.js,下一步做什么?

安装结束后,你可以输入一个新命令“node”。使用该“node”命令有两种不同的方法。第一种不带任何参数,将打开一个交互式Shell“>”(REPL: read-eval-print-loop),你可以在这里执行Javascript代码。


[js] view plaincopy
  1. $ node  
  2. > console.log('Hello World');  
  3. Hello World  
  4. undefined  


上面案例中,我在Shell中键入了“console.log('Hello World')”,并敲回车。Node便开始执行该代码,并显示刚才记录的信息,同时打印出“undefined”。这是因为每条命令都会返回一个值,而console.log没有任何返回,故输出“undefined”。

Node命令的另一种用法是执行一个Javascript文件。这是我们平时最常用的方法。

hello.js


[js] view plaincopy
  1. console.log('Hello World');  
[js] view plaincopy
  1. $ node hello.js  
  2. Hello World  


该案例中,我将“console.log('Hello World');”命令存入一个文件中,并将该文件作为node命令的参数。Node运行文件中Javascript代码,并输出“Hello World”。

案例一:文件的输入与输出

Node.js包含一组强大的库(模块),可以帮助我们做很多事。第一个案例中,我将打开一个Log文件,并对它进行解析。

example_log.txt


[js] view plaincopy
  1. 2013-08-09T13:50:33.166Z A 2  
  2. 2013-08-09T13:51:33.166Z B 1  
  3. 2013-08-09T13:52:33.166Z C 6  
  4. 2013-08-09T13:53:33.166Z B 8  
  5. 2013-08-09T13:54:33.166Z B 5  


该Log数据什么意思并不重要,基本可以确定每条信息都包含一条数据、一个字母和一个值。我希望将每个字母后面的值进行累加。

我们要做的第一件事是读出文件的内容。

my_parser.js


[js] view plaincopy
  1. // Load the fs (filesystem) module  
  2. var fs = require('fs');  
  3.   
  4. // Read the contents of the file into memory.  
  5. fs.readFile('example_log.txt', function (err, logData) {  
  6.   
  7.   // If an error occurred, throwing it will  
  8.   // display the exception and end our app.  
  9.   if (err) throw err;  
  10.   
  11.   // logData is a Buffer, convert to string.  
  12.   var text = logData.toString();  
  13. });  


通过内置的文件(fs)模块,我们可以很容易进行文件的输入/输出操作。fs模块有一个readFile方法,该方法以文件路径、回调函数为参数。该回调函数在完成文件读取后调用。文件数据读取后存储在Buffer类型中,为基本的字节数组。我们可以通过toString()方法将它转化为字符串。

现在我们对它进行解析。

my_parser.js


[js] view plaincopy
  1. // Load the fs (filesystem) module.  
  2. var fs = require('fs');  
  3.   
  4. // Read the contents of the file into memory.  
  5. fs.readFile('example_log.txt', function (err, logData) {  
  6.   
  7.   // If an error occurred, throwing it will  
  8.   // display the exception and kill our app.  
  9.   if (err) throw err;  
  10.   
  11.   // logData is a Buffer, convert to string.  
  12.   var text = logData.toString();  
  13.   
  14.   var results = {};  
  15.   
  16.   // Break up the file into lines.  
  17.   var lines = text.split('\n');  
  18.   
  19.   lines.forEach(function(line) {  
  20.     var parts = line.split(' ');  
  21.     var letter = parts[1];  
  22.     var count = parseInt(parts[2]);  
  23.   
  24.     if(!results[letter]) {  
  25.       results[letter] = 0;  
  26.     }  
  27.   
  28.     results[letter] += parseInt(count);  
  29.   });  
  30.   
  31.   console.log(results);  
  32.   // { A: 2, B: 14, C: 6 }  
  33. });  


现在,当你将该文件作为node命令的参数时,执行该命令将打印出如下结果,执行完毕后退出。


[js] view plaincopy
  1. $ node my_parser.js  
  2. { A: 2, B: 14, C: 6 }  


我大部时候将Node.js作为脚本使用,正如上面所展示的那样。它更易于使用,是脚本程序有力的替代者。

异步回调

正如在上例中看到的那样,Node.js典型的模式是使用异步回调。基本上,你告诉Node.js要做的事,它执行完后便会调用你的函数(回调函数)。这是因为Node是单线程的。在你等待回调函数执行过程中,Node可继续执行其他事务,不必被阻塞直到该请求完毕。

这对于Web服务器尤其重要。在现代Web应用访问数据库的过程中特别普遍。当你等待数据库返回结果的过程中,Node可以处理更多请求。与每次连接仅处理一个线程相比,它使你以很小的开销来处理成千上万个并行连接。

案例二:HTTP服务器

Node内建有一个模块,利用它可以很容易创建基本的HTTP服务器。请看下面案例。

my_web_server.js


[js] view plaincopy
  1. var http = require('http');  
  2.   
  3. http.createServer(function (req, res) {  
  4.   res.writeHead(200, {'Content-Type': 'text/plain'});  
  5.   res.end('Hello World\n');  
  6. }).listen(8080);  
  7.   
  8. console.log('Server running on port 8080.');  


在上面,我说是的基本HTTP服务器。该例中所创建的并不是一个功能全面的HTTP服务器,它并不能处理任何HTML文件、图片。事实上,无论你请求什么,它都将返回“Hello World”。你运行该代码,并在浏览器中输入“http://localhost:8080”,你将看见该文本。


[js] view plaincopy
  1. $ node my_web_server.js  


现在你可能已经注意到一些不一样的东西。你的Node.js应用并没有退出。这是因为你创建了一个服务器,你的Node.js应用将继续运行,并响应请求,直到你关闭它。

如果你希望它成为一个全功能的Web服务器,你必须检查所收到的请求,读取合适的文件,并返回所请求的内容。值得高兴的是,有人已经帮你做了这个艰难的工作。

案例三:Express框架

Express为一个框架,可使创建网站的过程十分简单。你首先需要安装它。除了node命令,你还需要访问“npm”命令。利用该工具,你可以访问社区所创建的庞大模块集。其中之一就是Express。


[js] view plaincopy
  1. $ cd /my/app/location  
  2. $ npm install express  


当你安装了一个模块,它将出现在应用程序所在目录的“node_modules”文件夹中。现在我们可以利用Express来创建一个基本的静态文件服务器。

my_static_file_server.js


[js] view plaincopy
  1. var express = require('express'),  
  2.     app = express();  
  3.   
  4. app.use(express.static(__dirname + '/public'));  
  5.   
  6. app.listen(8080);  



[js] view plaincopy
  1. $ node my_static_file_server.js  


现在你已创建了一个强大的静态文件服务器。你可以通过浏览器请求访问你放在public文件夹中任何文件,并进行展示,包括HTML、图片等任何东西。比如,把一个名为“my_image.png”的图片放在public文件夹中,你可以在浏览器中输入“http://localhost:8080/my_image.png”来访问该图片。当然,Express还有很多特性,你可以在以后的开发中继续探索。

NPM

上面我们已经接触到了npm,但我仍想强调一下在Node.js开发过程中该工具的重要性。它有成千上万个模块可帮我们解决遇到的大部分典型问题。在重新发明轮子之前,记得检查一下npm中是否有相应功能。 

上一例中,我们手动安装了Express。如果你的程序包含很多“依赖”(Dependency),那再利用该方法安装它们就不合适了。为此npm提供了一个package.json文件。

package.json


[js] view plaincopy
  1. {  
  2.   "name" : "MyStaticServer",  
  3.   "version" : "0.0.1",  
  4.   "dependencies" : {  
  5.     "express" : "3.3.x"  
  6.   }  
  7. }  


package.json文件包含了应用程序的基本信息。其中“dependencies”部分描述了你想安装模块的名称和版本。该案例,接受Express 3.3的任何版本。你可以在该部分列出你想要的所有依赖。

代替之前一个个安装每个依赖,现在我们可以运行一个命令,即可将它们全部安装完成。


[js] view plaincopy
  1. $ npm install  


运行该命令,npm将在当下文件夹中查找“package.json”文件。一旦找到,即可安装所列出的所有依赖。

代码的组织

在大部分应用程序中,你的代码往往被分割到几个文件中。现在让我们把最开始案例中的Log分析脚本分离出来。这样该程序将更易于测试与维护。

parser.js


[js] view plaincopy
  1. // Parser constructor.  
  2. var Parser = function() {  
  3.   
  4. };  
  5.   
  6. // Parses the specified text.  
  7. Parser.prototype.parse = function(text) {  
  8.   
  9.   var results = {};  
  10.   
  11.   // Break up the file into lines.  
  12.   var lines = text.split('\n');  
  13.   
  14.   lines.forEach(function(line) {  
  15.     var parts = line.split(' ');  
  16.     var letter = parts[1];  
  17.     var count = parseInt(parts[2]);  
  18.   
  19.     if(!results[letter]) {  
  20.       results[letter] = 0;  
  21.     }  
  22.   
  23.     results[letter] += parseInt(count);  
  24.   });  
  25.   
  26.   return results;  
  27. };  
  28.   
  29. // Export the Parser constructor from this module.  
  30. module.exports = Parser;  


在此创建了一个新文件,来存放Log分析脚本。这仅仅是一种标准Javascript,还有很多方法可用来封装该代码。我选择重新定义一个Javascript对象,这样更容易进行单元测试。

该程序中最重要的部分是“module.exports = Parser;”这一行代码。它告诉Node从该文件中要输出的内容。在该例中,我输出了构造函数,用户可以用Parser对象来创建实例。你可以输出任何你想要的。

现在我们看一下,如何导入该文件,来使用Parser对象。

my_parser.js


[js] view plaincopy
  1. // Require my new parser.js file.  
  2. var Parser = require('./parser');  
  3.   
  4. // Load the fs (filesystem) module.  
  5. var fs = require('fs');  
  6.   
  7. // Read the contents of the file into memory.  
  8. fs.readFile('example_log.txt', function (err, logData) {  
  9.   
  10.   // If an error occurred, throwing it will  
  11.   // display the exception and kill our app.  
  12.   if (err) throw err;  
  13.   
  14.   // logData is a Buffer, convert to string.  
  15.   var text = logData.toString();  
  16.   
  17.   // Create an instance of the Parser object.  
  18.   var parser = new Parser();  
  19.   
  20.   // Call the parse function.  
  21.   console.log(parser.parse(text));  
  22.   // { A: 2, B: 14, C: 6 }  
  23. });  


如模块一样,文件被引入其中,你需要输入路径,而非名称。

总结

希望该教程可以帮助到你。Node.js是一个强大、灵活的技术,可以帮助解决各种各样的问题。它已经超出了我们的想像。(编译:陈秋歌 审校:夏梦竹)


推荐阅读
  • 实践指南:使用Express、Create React App与MongoDB搭建React开发环境
    本文详细介绍了如何利用Express、Create React App和MongoDB构建一个高效的React应用开发环境,旨在为开发者提供一套完整的解决方案,包括环境搭建、数据模拟及前后端交互。 ... [详细]
  • 本文介绍了 PHP 的基本概念、服务器与客户端的工作原理,以及 PHP 如何与数据库交互。同时,还涵盖了常见的数据库操作和安全性问题。 ... [详细]
  • NPM 脚本 'start' 退出,未显示 create-react-app 服务器正在监听请求
    遇到 NPM 脚本 'start' 退出且未显示 create-react-app 服务器正在监听请求的问题,请求帮助。 ... [详细]
  • TypeScript 实战分享:Google 工程师深度解析 TypeScript 开发经验与心得
    TypeScript 实战分享:Google 工程师深度解析 TypeScript 开发经验与心得 ... [详细]
  • 流处理中的计数挑战与解决方案
    本文探讨了在流处理中进行计数的各种技术和挑战,并基于作者在2016年圣何塞举行的Hadoop World大会上的演讲进行了深入分析。文章不仅介绍了传统批处理和Lambda架构的局限性,还详细探讨了流处理架构的优势及其在现代大数据应用中的重要作用。 ... [详细]
  • 本文详细探讨了在Web开发中常见的UTF-8编码问题及其解决方案,包括HTML页面、PHP脚本、MySQL数据库以及JavaScript和Flash应用中的乱码问题。 ... [详细]
  • Ubuntu 环境下配置 LAMP 服务器
    本文详细介绍了如何在 Ubuntu 系统上安装和配置 LAMP(Linux、Apache、MySQL 和 PHP)服务器。包括 Apache 的安装、PHP 的配置以及 MySQL 数据库的设置,确保读者能够顺利搭建完整的 Web 开发环境。 ... [详细]
  • 本文为初学者提供了一条清晰的学习路线,帮助他们逐步成长为优秀的Web开发人员。通过十个关键步骤,涵盖从基础到高级的各个方面,确保每位学习者都能找到适合自己的学习方向。 ... [详细]
  • 本文介绍了如何使用 Node.js 和 Express(4.x 及以上版本)构建高效的文件上传功能。通过引入 `multer` 中间件,可以轻松实现文件上传。首先,需要通过 `npm install multer` 安装该中间件。接着,在 Express 应用中配置 `multer`,以处理多部分表单数据。本文详细讲解了 `multer` 的基本用法和高级配置,帮助开发者快速搭建稳定可靠的文件上传服务。 ... [详细]
  • 如何在启用ECMAScript 6特性的情况下高效运行Node.js应用?本文将详细介绍如何在Node.js环境中启用并充分利用ES6的新特性,包括模块化、箭头函数、模板字符串等,以提升代码的可读性和开发效率。同时,文章还会探讨性能优化策略,确保应用在启用ES6特性后仍能保持高效运行。 ... [详细]
  • 在处理木偶评估函数时,我发现可以顺利传递本机对象(如字符串、列表和数字),但每当尝试将JSHandle或ElementHandle作为参数传递时,函数会拒绝接受这些对象。这可能是由于这些句柄对象的特殊性质导致的,建议在使用时进行适当的转换或封装,以确保函数能够正确处理。 ... [详细]
  • 本文探讨了如何通过检测浏览器类型来动态加载特定的npm包,从而优化前端性能。具体而言,仅在用户使用Edge浏览器时加载相关包,以提升页面加载速度和整体用户体验。此外,文章还介绍了实现这一目标的技术细节和最佳实践,包括使用User-Agent字符串进行浏览器识别、条件加载策略以及性能监控方法。 ... [详细]
  • 掌握PHP编程必备知识与技巧——全面教程在当今的PHP开发中,了解并运用最新的技术和最佳实践至关重要。本教程将详细介绍PHP编程的核心知识与实用技巧。首先,确保你正在使用PHP 5.3或更高版本,最好是最新版本,以充分利用其性能优化和新特性。此外,我们还将探讨代码结构、安全性和性能优化等方面的内容,帮助你成为一名更高效的PHP开发者。 ... [详细]
  • 在尝试启动Java应用服务器Tomcat时,遇到了org.apache.catalina.LifecycleException异常。本文详细记录了异常的具体表现形式,并提供了有效的解决方案。 ... [详细]
  • mysql 授权!!
    为什么80%的码农都做不了架构师?MySQL的权限系统围绕着两个概念:认证-确定用户是否允许连接数据库服务器授权-确定用户是否拥有足够的权限执 ... [详细]
author-avatar
daoyuanzhi
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有