Express学习之开始入门<1>

来源:互联网 发布:电脑绘图软件sai 编辑:程序博客网 时间:2024/05/16 08:59

一.安装express

1.假如你已经安装了Node.js,我们先创建一个目录来放你的应用,让它成为你的工作目录。

$mkdir myapp$cd myapp

2.使用npm init命令来为你的应用创建一个package.json文件。如果想进一步了解package.json的工作原理,请看npm的package.json处理的特点

$ npm init

这条命令会指导你做一些事情,例如填写你创建应用的名称和版本号。现在,你可以仅仅按Enter(RETURN)键来接受默认的值,,除了下面的:

entry point: (index.js)//入口点

输入app.js或者你想的任何主文件的名称。如果你想要默认的名称index.js的话,只需按Enter(RETURN)键。

3.现在在应用目录中安装Express,并且将它保存在依赖项列表中。

$ npm install express --save

安装好是这样的:

package.json中的内容如下:

为了临时地安装Express,不把它添加到依赖项列表中,我们省略了--save选项。

$ npm install express

安装好的目录与上面相同。

package.json文件中的内容:

说明:

带有--save参数安装的node模块被添加到package.son文件中的依赖项中(对比上面两个package.son文件的内容),然后在应用目录中使用npm install,这将自动在依赖项列表中安装模块。

二.”Hello World”例子

确保你已经跟随”一”进行了安装。

现在,你将创建一个基本的Express应用。

注意:这是你能够创建的最简单的Express应用。如果你使用 Express生成器(Express generator)的话,你得到的可不是这样,因为它会为一个完整的应用创建一个脚手架(可以简单地理解为应用的大概框架)完整的应用会包含大量的JavaScript文件, Jade(还有其他类型的)模版和各种用途的子目录。

may目录下创建一个app.js文件,并将下面的代码写到里面:

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 listen at http://%s:%s',host,port);});

应用开启一个服务器,监听3000端口等待连接,如果有对根URL(‘/’)或者路由请求的话,它就会回复”Hello,World”,对于其他的任何路径,都会回复”404 Not Found”

注意:

req (request)res (response)就是Node.js提供的相同对象,你可以使用req.pipe(), req.on('data', callback)或其他任何函数,而不用涉及到Express

通过以下的命令来运行应用:

$ node app.js

然后,在浏览器中打开网址http://localhost:3000/来查看输出。

三.Express应用生成器

使用应用生成器工具express,来快速搭建应用骨架。

使用以下的命令来安装:

$ npm install express-generator -g

如图:

使用选项-h来显示可以使用的命令选项:

$ express -h  Usage: express [options] [dir]  Options:    -h, --help          output usage information    -V, --version       output the version number    -e, --ejs           add ejs engine support (defaults to jade)        --hbs           add handlebars engine support    -H, --hogan         add hogan.js engine support    -c, --css <engine>  add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css)        --git           add .gitignore    -f, --force         force on non-empty directory

例如,以下的命令是在当前的工作目录下创建一个名称是myapp的Express应用。

$ express myapp

如图:

然后安装依赖项:

$ cd myapp $ npm install

运行应用:

  • 在Mac OS或者Linux上:
$ DEBUG=myapp npm start

  • 在Windows上:
> set DEBUG=myapp & npm start

然后在浏览器中加载http://localhost:3000/来获取应用:

产生的应用目录结构像这样子:

由生成器产生的应用结构只是构建Express应用众多方法中的一种,你可以任意使用或者修改它来满足你的需要。

0 0
原创粉丝点击