您的位置:首页 > 其它

Express学习之开始入门<1>

2015-09-29 19:57 363 查看
一.安装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应用众多方法中的一种,你可以任意使用或者修改它来满足你的需要。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: