广州蓝景分享-如何习惯NodeJs的使用

目前，在日常工作使用Node.js已经是很常用的啦，很多一线互联网公司都已实践，Node.js在开发效率和节省成本方面，对小公司尤其适用，成本也较低，很适合前端开发人员维护。下面就由广州蓝景的小编介绍一下。

Node.js是一个基于Chrome V8 引擎的 JavaScript 运行环境。V8 是 Google 发布的开源 JavaScript 引擎 ，本身就是用于 Chrome 浏览器的 JS 解释部分，但是 Ryan Dahl 这哥们，鬼才般的，把这个 V8 搬到了服务器上，用于做服务器的软件。

优势

Node.js使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。基于此NodeJs具有超强的高并发能力，因此，可以实现实现高性能服务器。

另外，NodeJs 语法完全是js语法，只要你懂js基础就可以学会Nodejs后端开发。Node 打破了过去 JavaScript 只能在浏览器中运行的局面。前后端编程环境统一，可以大大降低开发成本。

环境

在官网下载nodeJs（http://nodejs.cn/），最新版本为v10.13.0，建议node版本高于v7.6，因为后面我们会用到的koa2，要求node版本大于v7.6 。

更加推荐的方法是使用NVM来管理node版本。具体使用见蓝景电子书（蓝景电子书-一本有情怀的技术书籍），搜索“nvm”即可。

helloWorld

//helloWorld.js

console.log(“hello World!”)

//打开命令行并进入项目文件夹

node helloWorld.js

是不是非常简单！

开启一个服务器

我们在使用apach或者nginx,他们本身能提供一个服务器功能,用来处理请求.但在nodejs中,这个服务器需要我们自己来搭建,创建好服务器以后记得在浏览器里面访问他一下额.

//不支持import

const http = require(“http”);

let httpServer = http.createServer((request,response)=>{

console.log(“有访问来了”);

console.log(request.url);

console.log(request.headers);

console.log(request.method);

response.writeHead(200,“ok”,{“Content-Type”:“text/html;charset=UTF-8”});

response.write(“孩子浏览器已经接收到了你的请求”);

response.end();

});

//这里的host可以写成其他的"127.0.1.1"

httpServer.listen(3000,“localhost”);

上面代码是一个koa项目的基本组成结构,如果执行两次的话,是因为浏览器主动请求了"/favicon.icon"一次.下面我们看几个要注意的点:

app.listen(…) 只是一个语法糖

等价于下面的写法

//app.listen(…) 方法只是以下方法的语法糖:

const http = require(‘http’);

const Koa = require(‘koa’);

const app = new Koa();

http.createServer(app.callback()).listen(3000);

这意味着您可以将同一个应用程序同时作为 HTTP 和 HTTPS 或多个地址：

const http = require(‘http’);

const https = require(‘https’);

const Koa = require(‘koa’);

const app = new Koa();

http.createServer(app.callback()).listen(3000);

https.createServer(app.callback()).listen(3001);

app.use() 到底是个什么鬼,怎么回事?

首先,koa开启的web服务,每收到一个http请求，koa就会调用通过app.use()注册的async函数(当然也可以是普通函数),并传入ctx和next参数.这就是我们经常说的"中间件"了.

其次,可以多次调用use方法来注册中间件.

最后,use注册的async函数里面的next函数意义重大.当执行next()函数时,会将程序控制权(例如修改ctx.response.body)交给下一个中间件,下一个中间件再次调用next()函数,依次走下去.如果中间有一个中间件没有调用next()函数,那么后续的中间件就不会执行,当然最后中间件可以不执行next函数.

洋葱模型: 这里指的是next在中间件中调用的位置不同,代码执行的顺序也会不同.当中间件拿到控制权后,就开始执行use注册的async函数,当前async函数里面的代码,如果在next()调用前面会马上执行,如果代码在next()后面的话,就不要意思了,只能等下一个中间件执行完毕后再回来执行你了.简单点理解:next()就是执行下一个中间件,并且造成"阻塞".结合我们上述app.js的示例,你的网页会先输出"Bgg神教,一统江湖",后输出"hello,koa2",就是这个道理!

插播一条消息,你发现我们的示例ctx.response.body += "<h1>hello,koa2</h1>";是用的+=,说明多个组件其实控制的是同一个response.

async函数里面的ctx

ctx作为上下文使用,包括基本的ctx.request和ctx.response.为方便起见许多上下文的访问器和方法直接委托给它们的 ctx.request 或 ctx.response,不然的话它们是相同的. 例如 ctx.type 和 ctx.length 委托给 response 对象,ctx.path 和 ctx.method 委托给 request.

ctx.request/ctx.response 是 Koa 的 request/response 对象. ctx.req/ctx.res 是 node 的 request/response 对象,奇特吧!不过绕过 Koa 的 response 处理是不被支持的,所以避免使用ctx.res.write()等原生 response 操作.

除此之外,koa还约定了一个中间件的存储空间 ctx.state ,通过这个 state 可以储存一些数据,比如用户数据,另外类似 koa-views 这些渲染view层的中间件也会默认把 ctx.state 里面的属性作为 view 的上下文传入.如果使用webpack打包的话可以使用中间将加载资源的方法作为 ctx.state 的属性传入到view层使之获取资源路径.

拓展知识点

app.context

app.context 是从其创建 ctx 的原型。您可以通过编辑 app.context 为 ctx 添加其他属性。这对于将 ctx 添加到整个应用程序中使用的属性或方法非常有用，这可能会更加有效（不需要中间件）和/或 更简单（更少的 require()），而更多地依赖于ctx，这可以被认为是一种反模式。

例如，要从 ctx 添加对数据库的引用：

app.context.db = db();

app.use(async ctx => {

console.log(ctx.db);

});

错误处理

默认情况下，将所有错误输出到 stderr，除非 app.silent 为 true。 当 err.status 是 404 或 err.expose 是 true 时默认错误处理程序也不会输出错误。 要执行自定义错误处理逻辑，如集中式日志记录，您可以添加一个 “error” 事件侦听器：

app.on(‘error’, err => {

log.error(‘server error’, err)

});

//如果 req/res 期间出现错误，并且 无法 响应客户端，Context实例仍然被传递：

app.on(‘error’, (err, ctx) => {

log.error(‘server error’, err, ctx)

});

Request 别名

• ctx.header
• ctx.headers
• ctx.method
• ctx.method=
• ctx.url
• ctx.url=
• ctx.originalUrl
• ctx.origin
• ctx.href
• ctx.path
• ctx.path=
• ctx.query
• ctx.query=
• ctx.querystring
• ctx.querystring=
• ctx.host
• ctx.hostname
• ctx.fresh
• ctx.stale
• ctx.socket
• ctx.protocol
• ctx.secure
• ctx.ip
• ctx.ips
• ctx.subdomains
• ctx.is()
• ctx.accepts()
• ctx.acceptsEncodings()
• ctx.acceptsCharsets()
• ctx.acceptsLanguages()
• ctx.get()

Response 别名

• ctx.body
• ctx.body=
• ctx.status
• ctx.status=
• ctx.message
• ctx.message=
• ctx.length=
• ctx.length
• ctx.type=
• ctx.type
• ctx.headerSent
• ctx.redirect()
• ctx.attachment()
• ctx.set()
• ctx.append()
• ctx.remove()
• ctx.lastModified=
• ctx.etag=

想了解更多关于前端培训node.js框架的使用，可以在评论区留言，或者可以关注“广州蓝景”微信公众号 进行详细的了解。