node.js 笔记（一）

参考：https://github.com/alsotang/node-lessons

感谢！！！

本文属于小白入门级笔记，请大牛自动屏蔽！！！

1.     开发环境

os: 10.12.6

node: v8.9.0

vs code：1.18.0

cnpm@5.1.1 (/usr/local/lib/node_modules/cnpm/lib/parse_argv.js)

npm@5.5.1 (/usr/local/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)

node@8.9.0 (/usr/local/bin/node)

npminstall@3.2.1 (/usr/local/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)

prefix=/usr/local

darwin x64 16.7.0

registry=http://registry.npm.taobao.org

2.     燥起来吧

一堆随意的开始。

2.1.    创建文件夹

$ cd xx

$ mkdir CarWXWeb

2.2.    创建项目

$ cnpm install express

$ touch app.js

copy 进去这些代码

// 这句的意思就是引入 `express` 模块，并将它赋予 `express` 这个变量等待使用。

var express = require('express');

// 调用 express 实例，它是一个函数，不带参数调用时，会返回一个 express 实例，将这个变量赋予 app 变量。

var app = express();

// app 本身有很多方法，其中包括最常用的 get、post、put/patch、delete，在这里我们调用其中的 get 方法，为我们的 `/` 路径指定一个 handler 函数。

// 这个 handler 函数会接收 req 和 res 两个对象，他们分别是请求的 request 和 response。

// request 中包含了浏览器传来的各种信息，比如 query 啊，body 啊，headers 啊之类的，都可以通过 req 对象访问到。

// res 对象，我们一般不从里面取信息，而是通过它来定制我们向浏览器输出的信息，比如 header 信息，比如想要向浏览器输出的内容。这里我们调用了它的 #send 方法，向浏览器输出一个字符串。

app.get('/', function (req, res) {

res.send('Hello World');

});

// 定义好我们 app 的行为之后，让它监听本地的 3000 端口。这里的第二个函数是个回调函数，会在 listen 动作成功后执行，我们这里执行了一个命令行输出操作，告诉我们监听动作已完成。

app.listen(3000, function () {

console.log('app is listening at port 3000');

});

启动项目：$ node app.js

端口号我修改为8080；

2.3.    创建package.js

$ npm init

会提示输入一堆信息，第一个就是name 不能与文件夹同名，其他的随意了，github地址可以填写一下；

$ cnpm install utility –save

引入 utility 模块并且 依赖关系写入 package.js 详见 字段dependencies

// 引入依赖

var express = require('express');

var utility = require('utility');

// 建立express实例

var app = express();

app.get('/',function(req,res){

var param = req.query.q;

if(param == undefined){

res.send('hello word$$$');

}

else{

var md5Value = utility.md5(param);

res.send(md5Value);

}

});

app.listen(8080,function(){

console.log('启动 端口 8080');

});

增加判断防止无参请求报错！

如果一个项目跟着做下来发现并不能像做 angular cli 保存后自动更新，手动关闭终端。重启 app.js 正常显示。

2.4.    Superagent 充当webclient

没啥好说的直接上代码吧

问题就是没有搞懂request('GET', '/search').then(success, failure); 这种Promise 写法回头补上吧！

var express = require('express');

var utility = require('utility');

var superagent = require('superagent');

var cheerio = require('cheerio');

var app = express();

app.get('/',function(req,res,next){

//用 superagent 去抓取 https://cnodejs.org/ 的内容

//superagent.get('https://cnodejs.org').then(success, failure);

// #region 原版测试

superagent.get('https://cnodejs.org').end(function(err,sres){

// 常规的错误处理

if (err) {

return next(err);

}

// sres.text 里面存储着网页的 html 内容，将它传给 cheerio.load 之后

// 就可以得到一个实现了 jquery 接口的变量，我们习惯性地将它命名为 `$`

// 剩下就都是 jquery 的内容了

var $ = cheerio.load(sres.text);

var items = [];

$('#topic_list .topic_title').each(function (idx, element) {

var $element = $(element);

items.push({

title: $element.attr('title'),

href: $element.attr('href')

});

});

res.send(items);

});

// #endregion

});

// #endregion

app.listen(8080,function(){

console.log('启动 端口 8080');

});

2.5.    eventproxy 并发

经验就是要写在一个方法中，经验二就是变量名必须写对～～写错了不报错但是不运行，个人不了解调试。So 只能用最原始的console.log来调试错误了。通过的过程啊！

var eventproxy = require('eventproxy');

var superagent = require('superagent');

var express = require('express');

var cheerio = require('cheerio');

// url 模块是 Node.js 标准库里面的

// http://nodejs.org/api/url.html

var url = require('url');

var cnodeUrl = 'https://cnodejs.org/';

superagent.get(cnodeUrl,function(err,res){

if(err)

return console.error(err);

// 还是需要全局

var topicurls = [];

var $ = cheerio.load(res.text);

// 获取首页所有链接

$('#topic_list .topic_title').each((idx,element)=>{

var $element = $(element);

// $element.attr('href') 本来的样子是 /topic/542acd7d5d28233425538b04

// 我们用 url.resolve 来自动推断出完整 url，变成

// https://cnodejs.org/topic/542acd7d5d28233425538b04 的形式

// 具体请看 http://nodejs.org/api/url.html#url_url_resolve_from_to 的示例

var href = url.resolve(cnodeUrl,$element.attr('href'));

topicurls.push(href);

});

//console.log(topicurls);

// 得到一个 eventproxy 的实例

var ep = new eventproxy();

// 命令 ep 重复监听 topicUrls.length 次（在这里也就是 40 次） `topic_html` 事件再行动

// 相当于 whenall

ep.after('topic_html',topicurls.length,(topics)=>{

// topics 是个数组，包含了 40 次 ep.emit('topic_html', pair) 中的那 40 个 pair

topics = topics.map((pair)=>{

// 接下来都是 jquery 的用法了

var topurl = pair[0];

var tophtml = pair[1];

var $ = cheerio.load(tophtml);

return ({

title: $('.topic_full_title').text().trim(),

href: topurl,

comment1: $('.reply_content').eq(0).text().trim(),

});

});

console.log('异步完成:');

console.log(topics);

});

// 相当于 Task.run

topicurls.forEach((element,idx)=>{

superagent.get(element)

.end((err,res)=>{

// var $ = cheerio.load(res.text);

// var title = $('.topic_full_title').text().trim();

console.log('fetch ' + element + ' successful@'+idx);

ep.emit('topic_html',[element,res.text]);

});

});

});