极简Node教程-七天从小白变大神(一:你需要Express)

本文介绍如何使用Express框架在Node.js环境中快速搭建Web应用。通过实际操作,仅需几分钟就能完成一个基本站点的部署,并展示了如何定义路由及错误处理。

转载地址:http://www.jianshu.com/p/b4701a6efc50

首先我们需要一个脚手架

快速了解Express

1.Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。

2.API
丰富的 HTTP 快捷方法和任意排列组合的 Connect 中间件,让你创建健壮、友好的 API 变得既快速又简单。

3.性能
Express 不对 Node.js 已有的特性进行二次抽象,我们只是在它之上扩展了 Web 应用所需的基本功能。

如果说你对以上还是云里雾里的话,我们接下来马上利用Express开发一个网站

Express五分钟开发一个网站

首先确保你已经安装好Node.exe 及其附带的npm , 这是我们开发的关键,然后打开任意的命令行不管是系统自带的命令行或者node附带的亦或是Git cmd.
键入:

   $ npm install express-generator -g // npm install 是安装任何第三方包的命令,  express-generator -g 指在全局范围下安装名为 express-generator 的第三方包。

等待系统联网安装express,下载完成后,可以选择你喜欢的名字作为应用目录:

  express myapp     //指在当前命令行目录下创建一个名为myapp的文件夹用来做应用目录

等待系统生成应用骨架,然后进入myapp目录下:

cd myapp           //到达我们的工作目录

然后 下载所有express这个应用所需的所有依赖项 (可以理解为前端项目自动下载jquery,bootstrap 之类的第三方库或者框架,当然事实上并不是这个意思):

npm install

下载完毕后,就可以启动我们的express应用了,运行:

npm start  // 或者 node app.js 或者其实还有很多的奇淫巧计

现在打开你喜欢的Chrome浏览器或者Edge 浏览器 网址输入奇怪的 域名:

http://localhost:3000/

等待片刻,标志性的Express 就出来了,现在不管你的心情是欣喜或者郁闷抑或习以为常,这本质上就是一个网站了,为防你不信,还可以输入另一个奇怪的域名:

  http://localhost:3000/users     //

我们刚才仅仅只是简单的启动了express罢了,现在开始真正的开发了。

在目录下新建一个名为server.js 的文件,作为项目的入口文件:

     /*           以下代码等下会有详细的解释              */
      var express = require('express');  // 用来引入express模块
      var app     = express();                 // express 实例对象
app.set('port',process.env.PORT || 3000);
                                                      // 设置端口为3000
app.get('/',function  (req,res) {          //  设置首页的路由 用 '/' 表示
res.send('Ritsu Yan ') 
})
app.get('/about',function  (req,res) {    //设置about页面的路由 用 '/about' 表示
res.send('the node course')             
})
app.use(function  (req,res,next) {         // 设置404页面
res.status(404);
res.send('404 - Not Found')
})
app.listen(app.get('port'),function  () {      // 监听端口如果有用户进入页面发送请求我们输出以下语句
console.log('express started on port 3000')
})

现在 关闭当前命令行新建一个 命令行然后重新输入

     node server.js

然后浏览器重载首页即

      http://localhost:3000/

或者

  http://localhost:3000/about

都能得到满意的回应

现在我们看看server.js 做了什么
  1. 使用require('xxx') 引入了express 模块, 这种方式是 Node 中少数同步的操作,它一开始会去Node 的原始 node_modules 目录下寻找express 模块 然后引入,把值赋给express,然后实例化为app.

  2. app.set('port',xxx) 能够设置我们的域名端口,这里process.env.PORT是指
    环境变量要是设置了PORT,那么就用环境变量的PORT,环境变量没有我们就用3000.

其他路由信息可以自行百度或者暂时只需要了解 app.get是 用来处理路由请求的.
详见

小结

本篇只是简单的介绍了express的简单开发,由于篇幅欲求极简,其他讯息烦请自行了解。



作者:颜卿今天Coding了吗
链接:http://www.jianshu.com/p/b4701a6efc50
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值