首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

作者：daoyuanzhi | 来源：互联网 | 2014-05-27 17:21
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是一个强大、灵活的技术，可以帮助解决各种各样的问题。它已经超出了我们的想像。（编译：陈秋歌 审校：夏梦竹）


推荐阅读
  • char

    Android 新闻App的本地服务器搭建教程

    本文介绍了在开发Android新闻App时，搭建本地服务器的步骤。通过使用XAMPP软件，可以一键式搭建起开发环境，包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表，并设置相应的属性。最后，给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • js

    Node.js学习笔记(一)package.json及cnpm

    Node.js学习笔记(一)package.json及cnpm
    本文介绍了Node.js中包的概念，以及如何使用包来统一管理具有相互依赖关系的模块。同时还介绍了NPM（Node Package Manager）的基本介绍和使用方法，以及如何通过NPM下载第三方模块。 ... [详细]
  • js

    如何实现织梦DedeCms全站伪静态

    如何实现织梦DedeCms全站伪静态
    本文介绍了如何通过修改织梦DedeCms源代码来实现全站伪静态，以提高管理和SEO效果。全站伪静态可以避免重复URL的问题，同时通过使用mod_rewrite伪静态模块和.htaccess正则表达式，可以更好地适应搜索引擎的需求。文章还提到了一些相关的技术和工具，如Ubuntu、qt编程、tomcat端口、爬虫、php request根目录等。 ... [详细]
  • js

    【译】发送表单数据

    这是原文链接：sendingformdata许多情况下，我们使用表单发送数据到服务器。服务器处理数据并返回响应给用户。这看起来很简单，但是 ... [详细]
  • js

    一句话解决高并发的核心原则

    一句话解决高并发的核心原则
    本文介绍了解决高并发的核心原则，即将用户访问请求尽量往前推，避免访问CDN、静态服务器、动态服务器、数据库和存储，从而实现高性能、高并发、高可扩展的网站架构。同时提到了Google的成功案例，以及适用于千万级别PV站和亿级PV网站的架构层次。 ... [详细]
  • cmd

    目录浏览漏洞与目录遍历漏洞的危害及修复方法

    目录浏览漏洞与目录遍历漏洞的危害及修复方法
    本文讨论了目录浏览漏洞与目录遍历漏洞的危害，包括网站结构暴露、隐秘文件访问等。同时介绍了检测方法，如使用漏洞扫描器和搜索关键词。最后提供了针对常见中间件的修复方式，包括关闭目录浏览功能。对于保护网站安全具有一定的参考价值。 ... [详细]
  • runtime

    Tomcat安装与配置教程及常见问题解决方法

    Tomcat安装与配置教程及常见问题解决方法
    本文介绍了Tomcat的安装与配置教程，包括jdk版本的选择、域名解析、war文件的部署和访问、常见问题的解决方法等。其中涉及到的问题包括403问题、数据库连接问题、1130错误、2003错误、Java Runtime版本不兼容问题以及502错误等。最后还提到了项目的前后端连接代码的配置。通过本文的指导，读者可以顺利完成Tomcat的安装与配置，并解决常见的问题。 ... [详细]
  • char

    webpack二刷之二、loader资源模块加载器

    loader资源模块加载器webpack资源模块加载webpack内部(内部loader)默认只会处理javascript文件，也就是说它会把打包过程中所有遇到的 ... [详细]
  • js

    用 nodeimages 打造简易图片服务器

    必须先赞下国人npm库作品：node-images（https:github.comzhangyuanweinode-images），封装了跨平台的C++逻辑，形成nodejsAP ... [详细]
  • js

    React 小白初入门

    React 小白初入门
    推荐学习：React官方文档：https:react.docschina.orgReact菜鸟教程：https:www.runoob.c ... [详细]
  • js

    快速学习RN之环境搭建和跑demo(一)

    RN即ReactNative基于React框架针对移动端的跨平台框架,在学习RN前建议最好熟悉下html,css,js,当然如果比较急,那就直接上手吧,毕竟用学习前面基础的时间,R ... [详细]
  • char

    Node.js开发札记之二·页面篇

    前言：原本纠结于Web模板，选了Handlebars。后来发现页面都是弱逻辑的，不支持复杂逻辑表达式。几乎要放弃之际，想起了Javascript中ev ... [详细]
  • express

    Node.js开发札记之二·页面篇

    前言：原本纠结于Web 模板，选了Handlebars。后来发现页面都是弱逻辑的，不支持复杂逻辑表达式。几乎要放弃之际，想起了Javascript中eval函数。虽然eval函 ... [详细]
  • cmd

    React项目搭建流程

    React项目搭建流程
    1.先要有node.js环境，略~(https:www.cnblogs.comjyughynjp11207114.html)2.安装react脚手架，create-react-app3.创建项目cmd输入create-react-app project-name，如：1create-react-app02-react-app-demo如果发现有如下 ... [详细]
  • char

    javascript入门·表单与表单元素总结（表单验证）

    表单提交前的最后验证：通常在表单提交前，我们必须确认用户是否都把必须填选的做了，如果没有，就不能被提交到服务器，这里我们用到表单的formname.submit()看演示，其实这个对于我们修炼道 ... [详细]
author-avatar
daoyuanzhi
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有