听说
什么都比不上厄运更能磨练人的德性。
——莎士比亚
Express是一个基于Node.js平台的极简、灵活的Web应用开发框架,它通过了一系列强大的特性,帮助开发人员创建各种Web和移动设备应用。
1、Express框架的核心特性
- 可以设置中间件来响应http请求
- 定义了路由表用于执行不同的http请求动作
- 可以通过向模板传递参数来动态渲染HTML页面
2、安装Express
Express.js是作为Node.js中一个网站服务构建框架而存在,所以其本身是基于Node.js的,Node.js的安装在这里就不做说明。我们这里假设已经安装了Node.js和Npm工具,并能正确运行。
我们在本节开发一个Express HelloWorld。
2.1、首先使用一下命令创建npm项目,或者直接使用右键快捷菜单中的“新建文件”,建立一个package.json文件
代码语言:javascript复制npm init
如果使用命令行创建,则该命令会要求输入几个参数:项目名称,版本号,作者等信息。其中entry point选项需要注意,这里使用了默认的index.js作为main,可以将其改为开发者所期待的入口文件(比如app.js,这里为了方便,便于学习,采用默认的index.js文件名),初始化过程如下:
2.2、这样就创建了package.json文件。如果选择手动建立文件,则要输入余下代码:
代码语言:javascript复制{
"name": "express_helloworld",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo "Error: no test specified" && exit 1"
},
"author": "",
"license": "ISC"
}
2.3、使用一下命令,安装Express.js并将其存入package.json文件中。
代码语言:javascript复制npm install express --save
注意:如果只是临时安装Express,不想将它添加到依赖列表中,只需省略--save参数即可,如果是全局安装,需要使用-g参数。
安装成功,效果如下:
2.4、编写简单的Hello World来测试Express是否安装成功。创建“index.js”文件。index.js的代码如下:
代码语言:javascript复制//定义Express实例
var express = require('express');
var app = express();
//定义路由
app.get('/',function(req,res){
res.send('Hello World!');
});
//设置启动的地址端口信息
var server = app.listen(3000,function(){
var host = server.address().address;
var port = server.address().port;
//打印相关的内容提示
console.log('Example app listening at http://%s:%s',host,port);
});
这里,首先需要引入Express,设置默认路由“/”,在访问“/”路径之后,会返回helloworld。然后调用一个测试服务器,监控本机地址,接口为3000,并且在控制台中打印启动服务器。
2.5、保存上述代码,在命令行窗口中输入以下命令:
代码语言:javascript复制node index.js
启动成功后显示的控制台效果如下:
2.6、在浏览器中访问http://127.0.0.1:3000,可以打开测试页面,如下所示:
Express框架的安装与简单介绍到这来就结束了,接下来我们会用Express框架结合vue来实践一个简单的应用。