美文网首页
一个express的小demo

一个express的小demo

作者: 小m_up | 来源:发表于2017-02-16 10:02 被阅读762次

开始之前先简单了解一下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

相关文章

  • 一个express的小demo

    开始之前先简单了解一下express吧: 什么是express express是node.js的一个应用框架,使用...

  • express + mongodb的小Demo

    使用express服务器框架 接着上次的项目中,创建server文件夹,并且在该路径下npm init 创建一个i...

  • React+webpack+express的小demo

    要写一个React+webpack+express的小demo那么先得写React然后再用webpack进行打包,...

  • 写个express Router的小demo

    用express Router就可以更简单地管理我们的app routes.跟着我一起做个小demo demo目录...

  • 第一次使用mongoDB的记录

    简介 实现一个 vue+express+mongodb 的小demo,包含了列表的增删查,以及简单的分页功能。Gi...

  • node全栈初体验

    刚学了 express 和 mongoDB,结合 vue,想着搭建一个全栈的小 demo,然后就用简单的表单提交体...

  • 获取用户IP的几种办法

    nginx + express 获取用户ip nginx 配置 express 代码片段 demo 地址:http...

  • express的最简单测试使用

    express是一个node.js的web框架,也是一个npm包 express的使用 0、写demo前的准备工作...

  • express-demo

    Express是目前最流行的基于Node.js的Web开发框架,可以快速地搭建一个完整功能的网站。 上面代码定义了...

  • node express server

    1、新建文件夹 demo 2、cd demo npm init 3、npm i express 4、新建 serv...

网友评论

      本文标题:一个express的小demo

      本文链接:https://www.haomeiwen.com/subject/ctmcwttx.html