nodejs:express框架基本使用

217 阅读2分钟

文章目录

Express,极简的web框架(模块)

express 安装

npm install express

一个简单的案例

// express.js
var express = require('express')
var app = express()
// 定义一个get请求
app.get('/',function(req,res){
    res.end('hello world')
})
app.listen(8080,function(){
    console.dir('服务启动')
})

通过ndoe启动 : node ./express.js

通浏览器打开localhost:8080即可看到hello world

启动一个web服务的基本配置:

1. 引入express后 ,调用express函数得到一个对象

// 引入express后 ,调用express函数得到一个对象
// express.js
var express = require('express')
var app = express()

2.定义请求地址

app.{get|post|delete|put|path...}('地址',处理的回调函数(req,res))

// 利用express对象,方法,定义请求类型和返回数据
//request:请求的信息,response响应信息设置和响应处理
app.post('/zoo',function(request,response){
    // 定义一个post请求,请求的参数在request的body获取.对象形式
    var param = request.body
    // 获取请求参数 num
    var num = param.num
    // 响应回去, 转为字符串
    response.end(JSON.stringify(param))
})

app.get('/zoo',function(req,res){
    // get请求获取参数在query中
    var param = request.query
    // 获取get请求从num参数
    var num = param.num
    // 响应回去
    response.end(JSON.stringify(param))
})
// 参数获取 :  get在query中,post在body中

3.定义监听端口号

app.listen(8080,function(){
    // 服务启动后和调用这个函数
    console.dir('服务器启动了')
})

4.启动服务

// node 刚才编写的js文件
node express.js

静态文件目录

上面的例子,虽然可以访问接口了,但是存在个问题。就是只能返回字符串,如果用户想访问静态资源呢?如下:

Express提供了内置的中间件express.static来设置静态文件如:图片,CSS,JavaScript等。比如

// app.use('用户访问的目录',express.static('要开放的目录地址'))
app.use('/public',express.static('./public/')); // 开放当前的public目录

public下新建a.txt,内容如下

hello,here is static dir

通过浏览器访问一下:

请添加图片描述