资讯专栏INFORMATION COLUMN

使用Express搭建一个简单的服务器

gghyoo / 709人阅读

摘要:框架应用程序是一个保持最小规模的灵活的应用程序开发框架,为和移动应用程序提供一组强大的功能。路由基本使用下载新建一个文件,然后输入然后运行打开就出现请求和响应应用使用回调函数的参数和对象来处理请求和响应的数据。

Express框架 Web 应用程序

Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能。

API

使用您所选择的各种 HTTP 实用工具和中间件,快速方便地创建强大的 API。

性能

Express 提供精简的基本 Web 应用程序功能,而不会隐藏您了解和青睐的 Node.js 功能。

Express-路由基本使用

下载: npm install express --save

Hello world

新建一个server.js文件,然后输入:

const express = require("express");
const app= express();

app.get("/", (req, res)=>{
    req.send("Hello world");
});
app.listen(8083, ()=>{
    console.log("Server is running at http://localhost:8083")
})

然后运行: node server.js
打开:http://localhost:8083/
就出现:

请求和响应

Express 应用使用回调函数的参数: request 和 response 对象来处理请求和响应的数据。

app.get("/", function (request, response) {
   // --
})

request 和 response 对象的具体介绍:

Request 对象
request 对象表示 HTTP 请求,包含了请求查询字符串,参数,内容,HTTP 头部等属性。常见属性有:

req.app:当callback为外部文件时,用req.app访问express的实例
req.baseUrl:获取路由当前安装的URL路径
req.body / req.cookies:获得「请求主体」/ Cookies
req.fresh / req.stale:判断请求是否还「新鲜」
req.hostname / req.ip:获取主机名和IP地址
req.originalUrl:获取原始请求URL
req.params:获取路由的parameters
req.path:获取请求路径
req.protocol:获取协议类型
req.query:获取URL的查询参数串
req.route:获取当前匹配的路由
req.subdomains:获取子域名
req.accepts():检查可接受的请求的文档类型
req.acceptsCharsets / req.acceptsEncodings / req.acceptsLanguages:返回指定字符集的第一个可接受字符编码
req.get():获取指定的HTTP请求头
req.is():判断请求头Content-Type的MIME类型

Response 对象
response 对象表示 HTTP 响应,即在接收到请求时向客户端发送的 HTTP 响应数据。常见属性有:

res.app:同req.app一样
res.append():追加指定HTTP头
res.set()在res.append()后将重置之前设置的头
res.cookie(name,value [,option]):设置Cookie
opition: domain / expires / httpOnly / maxAge / path / secure / signed
res.clearCookie():清除Cookie
res.download():传送指定路径的文件
res.get():返回指定的HTTP头
res.json():传送JSON响应
res.jsonp():传送JSONP响应
res.location():只设置响应的Location HTTP头,不设置状态码或者close response
res.redirect():设置响应的Location HTTP头,并且设置状态码302
res.render(view,[locals],callback):渲染一个view,同时向callback传递渲染后的字符串,如果在渲染过程中有错误发生next(err)将会被自动调用。callback将会被传入一个可能发生的错误以及渲染后的页面,这样就不会自动输出了。
res.send():传送HTTP响应
res.sendFile(path [,options] [,fn]):传送指定路径的文件 -会自动根据文件extension设定Content-Type
res.set():设置HTTP头,传入object可以一次设置多个头
res.status():设置HTTP状态码
res.type():设置Content-Type的MIME类型

Express-路由
我们已经了解了 HTTP 请求的基本应用,而路由决定了由谁(指定脚本)去响应客户端请求。
在HTTP请求中,我们可以通过路由提取出请求的URL以及GET/POST参数。

路由的基本形式:
app.METHOD(PATH, HANDLER)

app 表示的是一个Express的实例

METHOD 是http请求的方法(get, psot..)

PATH 服务器上的路径

HANDLER 请求之后的执行函数

下面的示例说明了如何定义路由:

// 对/news 页面进行get请求
app.get("news", (req, res)=>{
    res.send("Hello news");
});
// 对/about 页面进行post请求
app.post("about", (req, res)=>{
    res.send("Hello about");
});
// 对/list* 可匹配 /list+任意字符
app.get("/list*", (req, res)=>{
    res.send("Hello list pages");
})

然后运行:node server.js
打开:http://localhost:8083/


Express-搭建静态资源库
Express 提供了内置的中间件 express.static 来设置静态文件如:图片, CSS, JavaScript 等。

你可以使用 express.static 中间件来设置静态文件路径。例如,如果你将图片, CSS, JavaScript 文件放在 public 目录下,你可以这么写:
app.use(express.static("public"));

现在,你就可以访问 public 目录中的所有文件了:

public/index.html
public/images
public/images/bg.jpeg
public/css
...

如果要使用多个静态资源目录,请多次调用 express.static 中间件函数:

app.use(express.static("public"))
app.use(express.static("files"))

Express 在静态目录查找文件,因此,存放静态文件的目录名不会出现在 URL 中。
但是您可以给静态目录添加一个路由:
app.use("/static", express.static(path.join(__dirname, "public")))
设置/static/public目录的路由。
现在,你就可以通过带有 /static 前缀地址来访问 public 目录中的文件了。

http://localhost:8083/static/css
http://localhost:8083/static/css/index.css
http://localhost:8083/static/image
http://localhost:8083/static/images/bg.jpeg
http://localhost:8083/static/index.html

为了安全,最好使用绝对路由:
app.use("/static", express.static(path.join(__dirname, "public")))
然后运行:node server.js
打开:http://localhost:8083/static
就可以访问public下的所有文件,如图:

Express-模板引擎之EJS
EJS 是一套简单的模板语言,帮你利用普通的 JavaScript 代码生成 HTML 页面。

下载Ejs: npm install ejs --save
同目录下新建myejs.js:

const express= require("express");
const app = express();
//设置模板文件的目录,并且新建一个viwes的目录
app.set("views", "./views");
//注册模板引擎
app.set("view engine", "ejs");
//使用res.render()来渲染一个视图并将呈现的HTML字符串发送给客户端;
app.get("/", function(req, res,) {
    res.render("index", { title: "测试" });
});
//监听8083端口
app.listen(8083, ()=>{
    console.log("Server is running at http://localhost:8083")
})

在新建views目录中新建index.ejs:

 

<%= title %>

然后运行:node myejs.js
打开:http://localhost:8083
即可看到:

当然,也可以返回一个json文件来渲染视图:
在同目录下新建一个data.json:

{
    "list": [
    { "name":"小明" , "age":"6", "sex": "男"},
    { "name":"小红" , "age":"4" ,"sex": "女"},
    { "name":"小亮" , "age":"5" ,"sex": "男"}
    ],
    "source":"神奇二班"
}

然后更改myejs.js:

const express= require("express");
const fs= require("fs");
const app = express();

//设置模板文件的目录,并且新建一个viwes的目录
app.set("views", "./views");
//注册模板引擎
app.set("view engine", "ejs");
//使用res.render()来渲染一个视图并将呈现的HTML字符串发送给客户端;
app.get("/", function(req, res,) {
    getDataJson((dataJson)=>{
        console.log(dataJson);
        res.render("index", dataJson);
    })
});
//访问data.json 拿到数据解析并返回
const getDataJson=(callBack)=>{
    fs.readFile("./data.json", (err, data)=>{
        if(!err){
            let jsonData= JSON.parse(data);
            callBack(jsonData);
        }else{
            throw err;
        }
    })
}
//监听8083端口
app.listen(8083, ()=>{
    console.log("Server is running at http://localhost:8083")
})

然后更改index.ejs:

<%=source %>

    <% for(var i=0; i
  • <%= list[i].name %> | <%= list[i].age %> | <%= list[i].sex %>
  • <% } %>

然后在运行:
然后运行:node myejs.js
打开:http://localhost:8083

参考:
GitHub源码
Express官方文档
EJS 模板引擎

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/100704.html

相关文章

  • 使用express搭建一个简单查询务器

    摘要:尝试使用调试程序,实现个人更习惯使用来调试客户端使用调取接口的时候要区分的区别参数放在不设置或者参数放在 使用到的技术栈有express、mysql.项目结构: service --node_modules --app.js --query.js app.js支持调用服务,使用body-parser对request进行处理.query.js实现链接数据库以及查询数据库的功能.app.j...

    Vixb 评论0 收藏0
  • 【实战】用 express+MongoDB 搭建一个完整前端项目

    摘要:前言要做一个全沾的工程师,对于后端和数据库来说,即使不认识也要见个面的。基本了解的概念就好,主要是安装上数据库,并进行简单的增删操作。 前言:要做一个全沾的工程师,对于后端和数据库来说,即使不认识也要见个面的。本文给的例子很简单,也贴出来源码,只要一步步下来,就可以跑起来啦~~~ 思考一个需求:做一个登录页面,自己搭建服务和数据库,将用户输入的登录信息保存到数据库如何完成呢:首先选择...

    Steve_Wang_ 评论0 收藏0
  • express+nginx 搭建简单web项目

    摘要:但是之前是直接用本地去执行代码,代码执行后无法改变其状态,于是打算用和来做一个简单的站点去执行操作。代码逻辑整个逻辑很简单,一个简单的前端页面,提供表单来发送请求修改发送的消息,服务端使用文件来保存消息,在需要发送消息的时候读取消息。 背景 之前写了一个钉钉机器人定时发消息的应用,感觉还有许多可以补充优化的地方,比如可以修改发送的消息内容,也可以启动或者停止定时发送消息。 但是之前是直...

    kbyyd24 评论0 收藏0
  • Express 搭建务器

    摘要:指定需要处理的路由回调函数,即请求此路由的处理函数,它可以接收两个参数三个参数,四个参数。如果匹配到自定义的路由,立即执行回调函数,如果处理函数中没有则不再往下执行,如果执行了会继续向下匹配。 简介 Node.js® is a JavaScript runtime built on Chromes V8 JavaScript engine. Node.js uses an event-...

    CrazyCodes 评论0 收藏0
  • 手把手用 express 搭建后台

    摘要:文件这个是项目的入口文件,这边有着项目的一下配置,也在此整合了项目的模块,其中要注意的就是里面关于路由模块的配置了。后面要再想加其他路由模块的时候,就按照上面先引入路由模块,再用设置好地址,后面就可以用了。 前言 想必很多小伙伴开始学 node 的时候想搞个项目出来却不知道怎么下手吧,这个教程的话就是教大家用 express 框架简单粗暴搭建一个可以用的后台出来,然后关于 node 和...

    Render 评论0 收藏0

发表评论

0条评论

gghyoo

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<