Express框架基本使用

简介: Express框架基本使用

初始化项目

# 初始化
$ npm init
# 安装
cnpm install express nodemon -S

项目结构

server.js
package.json
node_modules/

简单示例

server.js

const express = require("express");
const app = express();
app.get("/", (request, response) => {
    response.send("hello world!");
})
const port = process.env.PORT || 5000;
app.listen(port, () => {
    console.log(`Server runing on http://127.0.0.1:${port}`);
})

运行

$ node server.js

http://127.0.0.1:5000/


配置热重载

配置package.json


{
  "name": "demo",
  "version": "1.0.0",
  "description": "",
  "main": "server.js",
  "scripts": {
    "start": "node server.js",
    "dev": "nodemon server.js"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.17.1",
    "nodemon": "^2.0.2"
  }
}

热重载模式启动

$ npm run dev

数据交互

接收参数,返回json

/**
 * body 默认是undefined,需要添加解析中间件
 */
// for parsing application/json
app.use(express.json()) 
// for parsing application/x-www-form-urlencoded
app.use(express.urlencoded({ extended: true })) 
app.post("/json/:key", (request, response) =>{
    const data = {
        body: request.body,
        params: request.params,
        query: request.query
    }
    response.json({ msg: 'success', code: 0, data: data})
} )

请求测试


POST http://127.0.0.1:5000/json/value?name=Tom&age=23
Content-Type: application/json; charset=utf-8
{
    "school": "Tsinghua"
}
反回数据
{
    "msg": "success",
    "code": 0,
    "data": {
        "body": {
            "school": "Tsinghua"
        },
        "params": {
            "key": "value"
        },
        "query": {
            "name": "Tom",
            "age": "23"
        }
    }
}

相关文章
|
25天前
|
开发框架 JavaScript 安全
js开发:请解释什么是Express框架,以及它在项目中的作用。
Express是Node.js的Web开发框架,简化路由管理,支持HTTP请求处理。它采用中间件系统增强功能,如日志和错误处理,集成多种模板引擎(EJS、Jade、Pug)用于HTML渲染,并提供安全中间件提升应用安全性。其可扩展性允许选用合适插件扩展功能,加速开发进程。
|
3月前
|
人工智能 JavaScript 前端开发
【利用AI让知识体系化】入门Express框架(三)
【利用AI让知识体系化】入门Express框架
|
3月前
|
XML 人工智能 JavaScript
【利用AI让知识体系化】入门Express框架(二)
【利用AI让知识体系化】入门Express框架
|
3月前
|
存储 JavaScript 数据库
nodejs中express框架实现增删改查接口
nodejs中express框架实现增删改查接口
|
4月前
|
开发框架 JSON JavaScript
Node.js教程-express框架
Node.js教程-express框架
39 1
|
7天前
|
开发框架 JavaScript 前端开发
【Node系列】Express 框架
Express.js 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,提供一系列强大的特性来帮助你创建各种 web 和移动设备应用。
23 2
|
2月前
|
开发框架 JavaScript 前端开发
比较两个突出的node.js框架:koa和express
接上文讲述了 koa框架,这边文章比较一下这两个突出的node.js框架:koa和express
|
3月前
|
人工智能 JavaScript 前端开发
【利用AI让知识体系化】入门Express框架(一)
【利用AI让知识体系化】入门Express框架
|
4月前
|
Web App开发 JavaScript 前端开发
Express 框架的特点、使用方法以及相关的常用功能和中间件
Express 框架的特点、使用方法以及相关的常用功能和中间件
73 1
|
4月前
|
中间件
使用 Express 框架开发数据爬取及展示接口
使用 Express 框架开发数据爬取及展示接口
41 0