nodejs入门使用介绍（附3个实用基础demo）

nodejs入门使用介绍（附3个实用基础demo）一、什么是node.js二、node.js特点三、node.js 异步、事件驱动模型四、node.js安装和配置五、实例一（HelloWorld）六、实例二（简单爬虫）一、什么是node.jsNode.js是一个基于Chrome JavaScript运行时建立的平台，用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动，..

iamlujingtao

5023人浏览 · 2019-10-13 20:58:41

iamlujingtao · 2019-10-13 20:58:41 发布

一、什么是node.js

Node.js是一个基于Chrome JavaScript运行时建立的平台，用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动，非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用。

另一种方式可以描述为：可以使用javaScript作为后端语言编写后端程序。

二、node.js特点

它是一个Javascript运行环境
依赖于Chrome V8引擎进行代码解释
事件驱动
非阻塞I/O
轻量、可伸缩，适于实时数据交互应用
单进程，单线程

三、node.js 异步、事件驱动模型

其中我们最需要了解的是node.js的运行原理，我们可以这样理解，想象一下我们在快餐店点餐吃饭的场景：

顾客点餐 = 发起请求，服务员喊号 = 服务器端响应。

我们点完餐后拿到了一个号码，拿到号码，我们往往会在位置上等待，而在我们后面的请求会继续得到处理，同样是拿了一个号码然后到一旁等待，接待员能一直进行处理。等到饭菜做号了，会喊号码，我们拿到了自己的饭菜，进行后续的处理(吃饭)这个喊号码的动作在NodeJS中叫做回调(Callback)，能在事件(烧菜，I/O)处理完成后继续执行后面的逻辑(吃饭)。

这体现了NodeJS的显著特点，异步机制、事件驱动。

整个过程没有阻塞新用户的连接(点餐)，也不需要维护已经点餐的用户与厨师的连接。

基于这样的机制，理论上陆续有用户请求连接，NodeJS都可以进行响应，因此NodeJS能支持比Java、PHP程序更高的并发量。

虽然维护事件队列也需要成本，再由于NodeJS是单线程，事件队列越长，得到响应的时间就越长，并发量上去还是会力不从心。

四、node.js安装和配置

参考：
http://www.runoob.com/nodejs/nodejs-install-setup.html

五、实例一（HelloWorld）

实例一当然是hello world，代码如下：
实例从GitHub下载后，先执行 npm i 来安装依赖模块，再执行 node app.js 运行程序。

var http = require('http');
http.createServer(function (request, response) {
    // 发送 HTTP 头部
    // HTTP 状态值: 200 : OK
    // 内容类型: text/plain
    response.writeHead(200, {'Content-Type': 'text/plain'});

    // 发送响应数据 "Hello World"
    response.end('Hello World\n');
}).listen(3000);

// 终端打印如下信息
console.log('app is listening at http://localhost:3000/ \n 请手动打开网址');

游览器输入 http://localhost:3000/ 就能看到效果了

六、实例二（简单爬虫）

我们做个简单爬虫来爬取政府新闻 http://www.gov.cn/xinwen/yaowen.htm

其中依赖到 express、cheerio、superagent等模块，需要先安装（具体模块作用可以自行百度）

npm install express --save
npm install cheerio --save
npm install superagent --save

详细nodejs代码：

var express = require('express'); //引入express框架 
var cheerio = require('cheerio'); //引入cheerio，可以理解成Node.js版的jquery，使用方式跟jquery一样 
var superagent = require('superagent'); //引入superagent做http代理

var app = express();

app.get('/', function (req, res, next) {
  superagent.get('http://www.gov.cn/xinwen/yaowen.htm')
    .end(function (err, sres) {
      if (err) {
        return next(err);
      }
      var $ = cheerio.load(sres.text);
      var items = [];
      $('.list h4 a').each(function (idx, element) {
        var $element = $(element);
        items.push({
          title: $element.text()
        });
      });

      res.send(items);
    });
});


app.listen(3000, function () {
  console.log('app is listening at http://localhost:3000/ \n 请手动打开网址');
});

游览器输入 http://localhost:3000/ 就能看到效果了

七、实例三（简单前后台交互）

现在做一个“前后台简单交互”的实例，需求如下：

1、前台是一个登录页面，有帐号和密码输入框
2、前台填写帐号和密码并提交
3、后台获取信息后反馈给前台
4、前台获取后台反馈信息后提示给用户

前台我们用main.html，代码如下

<html>
<head>
    <title>前后台简单交互</title>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
    <h3>前后台简单交互</h3>
    <form method="post">
        账号 :
        <input type="text" id="name" />
        <br/><br/>
        密码 :
        <input type="password" id="pwd" />
        <br/><br/>
        <input type="button" value="提交" id="submit">
    </form>
</body>

<script>
    //获取后台反馈数据并提示信息
    var afterLogin=function(data,status){
        if (status=='success'){
            alert(data) ;
        }else {
            alert('登录失败')
        }
    }

    //前提点击提交
    $("#submit").click(function(){
        var name    =   $("#name").val() ;
        var pwd     =   $("#pwd").val() ;
        if(name=="" || pwd==""){
            alert("帐号和密码不能为空")
        }else{
            $.post('http://localhost:3000/login',{
                    name:name ,
                    pwd:pwd
                },afterLogin
            );
        }
    });
</script>
</html>

后台我们写app.js，代码如下

var express             = require('express');
var bodyParse           = require('body-parser')
var app                 = express();
app.use(bodyParse.urlencoded({extended:false})) ;

// 处理根目录的get请求
app.get('/',function(req,res){
    res.sendfile('main.html') ;
    console.log('服务器等待请求中...');
}) ;

// 处理/login请求
app.post('/login',function(req,res){
    //获取登录名称和密码
    name=req.body.name ;
    pwd=req.body.pwd;
    //向前台反馈信息
    res.status(200).send(
        "后台反馈信息：登录帐号："+name+" | 登录密码："+pwd
      ) ;
});

// 监听3000端口
var server=app.listen(3000,function(){
    console.log('app is listening at http://localhost:3000/ \n 请手动打开网址');
}) ;