一个express的小demo

开始之前先简单了解一下express吧:

什么是express

express是node.js的一个应用框架,使用 express 可以快速地搭建一个完整功能的网站。
express的核心特性:

  • 可以设置中间件来响应 HTTP 请求。
  • 定义了路由表用于执行不同的 HTTP 请求动作。
  • 可以通过向模板传递参数来动态渲染 HTML 页面。
express的demo
  • 创建目录以及初始化
    创建一个名叫express-demo的目录,然后在用npm init初始化,生成package.json文件。
$ mkdir express-demo
$ cd express-demo
$ npm init -y
  • 安装express及其依赖
    注:因为npm速度太慢,使用cnpm速度会快很多,下载cnpm:
$ npm install -g cnpm --registry=http://r.cnpmjs.org

之后都用cnpm来代替npm。
安装express及其依赖,并将其使用--save添加到package.json文件中

$ cnpm install express --save
$ cnpm install body-parser cookie-parser multer --save

注:
body-parser : node.js 中间件,用于处理 JSON, Raw, Text 和 URL 编码的数据。
cookie-parser : 一个解析cookie的工具。通过req.cookies可以取到传过来的cookie,并把它们转成对象。
multer : node.js 中间件,用于处理 enctype="multipart/form-data"(设置表单的MIME编码)的表单数据。

  • 创建文件
    先创建一个server文件,然后再打开文件,将代码写进去即可。
$ touch server.js
$ vim server.js

然后将下面的代码写入:

const express = require('express');
const app = express();
app.get('/', function (req, res) {
   res.send('Hello World!');
})
const server = app.listen(8080, function () {
  const host = server.address().address;
  const port = server.address().port;
  console.log("访问地址为 http://%s:%s", host, port);
})

将代码运行:

$ node server.js

打开浏览器http://localhost:8080/,此时就可以看到Hello World!了。
源码地址https://github.com/yangzhanmei/express-demo

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容