简单认识 node npm express

作为新时期的前端,再用着 jQuery 可是会被那些后端同学笑话了。当然实际情况依项目而定。现在流行的各种 MV* 框架,这几个可是经常要用到的,我就做个简单介绍吧。

node


node 就是 node.js 的简称,是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

因为是用 javascript 编码,所以对于前端来说,这是一个比较容易上手的服务端”语言”。

首先需要从官网下载安装包,然后在命令行(终端)输入node -v进行查看版本号即表明安装成功。

与其他服务端语言不同,node 不只是实现服务端,同时还实现了整个 http 服务器。

node 主要由各种功能不同的模块组成,通过其中一个 http 模块来创建 http 服务器,客户端通过浏览器发送 http 请求,服务器再返回响应数据。

server.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(8888);
// 终端打印如下信息
console.log('Server running at http://127.0.0.1:8888/');

终端:

node server.js

以上操作就是一个简单的例子,打开浏览器 http://127.0.0.1:8888 即可看到 Hello World

npm


npm 其实就是一个 node 的包管理工具,方便下载安装第三方包。在安装 node 的时候已经集成了最新版本的 npm,在终端输入npm -v即可查看版本号。

通过 npm 安装包,只需要

npm install express

使用的时候通过

var express = require('express');

即可实现安装和使用,不需要指定路径。

安装的时候分本地和全局两种,全局需要添加 -g参数。

对于 npm 还有一个比较重要的是 package.json 文件,用于管理包的各种信息,方便别人使用的时候安装相应版本的依赖。

在自己使用的时候,需要先初始化:

npm init

填写相应的信息即可生成一个 package.json 文件,别人在他的电脑里npm install即可安装所有的依赖。

现在 Facebook 出了一个新的包管理工具 Yarn,它的优点是可以锁定版本号,不会出现不同版本导致项目不能运行的情况。

PS: npm install其实常用的方法是加上参数,这样就不用手动管理 package.json 文件了。

install <module-name> --save-dev  简写为 -D,自动把模块和版本号添加到devdependencies部分

install <module-name> --save  简写为-S,自动把模块和版本号添加到dependencies部分

devdependencies是开发时使用的依赖,比如 gulp 工具,dependencies是生产时使用的依赖,比如 jQuery。

express


express 是一个 node.js 的 web 框架,它有很强大的特性来帮助你快速完成一个 web 应用。

它可以设置中间件来响应 http 请求,定义了路由表来执行不同的 http 请求动作,可以通过向模板传递参数来实现动态渲染 html 页面。

安装 express 和安装其他 node 包一样,通过 npm 来进行安装,同时,对于大型应用,express 提供了 express 生成器来自动生成一个应用的基本框架。

npm install express  或者 npm i express-generator

express 常用中间件有body-parsercookie-parsermulter,分别用来处理 JSON/Raw/Text/URL 编码数据,cookie 和 表单数据。


好了,终于简单介绍完了,可以开始用 express 做一个小东西玩玩了。