GVKun编程网logo

nodejs-express框架（nodejsexpress框架）

15

在本文中，我们将带你了解nodejs-express框架在这篇文章中，我们将为您详细介绍nodejs-express框架的方方面面，并解答nodejsexpress框架常见的疑惑，同时我们还将给您一些

在本文中，我们将带你了解nodejs-express框架在这篇文章中，我们将为您详细介绍nodejs-express框架的方方面面，并解答nodejsexpress框架常见的疑惑，同时我们还将给您一些技巧，以帮助您实现更有效的Centos 编译安装nodejs&express框架教程、Centos 编译安装nodejs&express框架的方法、CentOS安装运行NodeJS框架Express、Node.js Express框架。

本文目录一览：

nodejs-express框架（nodejsexpress框架）

nodejs-express框架（nodejsexpress框架）

1、概述

Express：基于nodejs，用于构建web服务器的框架

中文官网：http://www.expressjs.com.cn/

安装：npm install express

 

名词解释：

    （1）路由：浏览器向web服务器发送请求，web服务器会根据请求的URL和请求的方法来作出响应，每一个路由的目的都是用来处理请求

2、API

    (1)引入第三方Express模块

        const express=require(''express'');

    (2)创建web服务器

        var server=express();

    (3)监听一个端口

        server.listen(3000)；

    (4)响应文本

        res.send(文本内容)每个路由只能使用一次send,如果是数字，会认为是状态码

    （5）发送文件到浏览器，必须使用绝对路径（__dirname进行拼接）

        sendFile（）

    （6）响应的重定向

        res.redirect()

    （7）请求对象（req）

        req.method    获取请求时的方法

        req.url    获取请求的url

        req.headers    获取请求的头信息

        req.query    获取请求时，以查询字符串传递对象，返回对象

3、post和get请求

    get请求以查询字符串形式传递数据，服务器通过req.query获取数据，结果为对象

    post请求是通过表单提交方法传递数据，服务器端通过事件形式来获取数据

        req.on(''data'',(''buf'')=>{

            获取的结果是buffer数据，通过toString（）转换成普通字符串便成了查询字符串，需要使用查询字符串模块解析为对象

        })

//post方式
const express=require(''express'');
const querystring=require(''querystring'');
var server=express();
server.listen(3000);

server.get(''/reg'',(req,res)=>{
    res.sendFile(__dirname+''/reg.html'');
})

server.post(''/myreg'',(req,res)=>{
    req.on(''data'',(buf)=>{
        var str=buf.toString();
        var obj=querystring.parse(str);
        console.log(obj);
    })
    res.send(''注册成功'');
})
//get方式
const express =require(''express'');
var server =express();
server.listen(3000);

server.get(''/login'',(req,res)=>{
    res.sendFile(__dirname+''/mylogin.html'');
})
server.get(''/mylogin'',(req,res)=>{
    res.send(''登陆成功'');
    console.log(req.query.uname);
})

 

Centos 编译安装nodejs&express框架教程

Centos 编译安装nodejs&express框架教程

　　一. 下载nodejs 版本


1
wget http://nodejs.org/dist/v0.10.28/node-v0.10.28.tar.gz

　　二. 编译安装


1

2

3

4

5

6

cp node-v0.10.28.tar.gz /usr/src/

cd /usr/src

tar zxvf node-v0.10.28.tar.gz

cd node-v0.10.28/

./configuration --prefix=/usr/local/node

make&make install

　　设置环境变量


1

2

3

4

vi /etc/profile

###############

最后一行添加

export PATH=$PATH:/usr/local/node/bin

　　三. 安装express


1

2

npm install express -gd

npm install express-generator

Centos 编译安装nodejs&express框架的方法

Centos 编译安装nodejs&express框架的方法

一. 下载nodejs 版本

wget http://nodejs.org/dist/v0.10.28/node-v0.10.28.tar.gz

二. 编译安装

cp node-v0.10.28.tar.gz /usr/src/

cd /usr/src

tar zxvf node-v0.10.28.tar.gz

cd node-v0.10.28/

./configuration --prefix=/usr/local/node

make&make install

设置环境变量

vi /etc/profile

###############

最后一行添加

export PATH=$PATH:/usr/local/node/bin

三. 安装express

npm install express -gd

npm install express-generator

CentOS安装运行NodeJS框架Express

CentOS安装运行NodeJS框架Express

 安装依赖包

yum -y install gcc make gcc-c++ openssl-devel wget

下载/解压NodeJs

wget http://nodejs.org/dist/v0.12.7/node-v0.12.7.tar.gz
tar -zvxf node-v0.12.7.tar.gz

编译及安装，逐行执行

cd node-v0.
./configure
make install

验证是否安装配置成功：

node -v

显示版本号，说明NodeJS安装成功，如图：

 

安装Express开发框架

npm install express -g

创建Express项目命名为demo1

express demo1

进入项目目录并安装项目依赖组件

cd demo1
npm install

在demo1的目录里启动项目

node start

最后通过浏览器访问服务器3000端口，页面显示，

到此全部安装成功！

Node.js Express框架

Node.js Express框架

1.引入Express 并 创建Express框架实例

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

app.get(''/'',function(req, res) {
    res.send(''Hello index'');
})

const server = app.listen(8081,''127.0.0.1'', function () {
 
    const host = server.address().address
    const port = server.address().port
    
    console.log("应用实例，访问地址为 http://%s:%s", host, port)
   
})

这里我们还可以用npm 全局安装supervisor，用于我们启动服务，好处就是不需要每次写完node脚本在去命令行输入node xxx.js来重新跑，supervisor用于热更新，我们每次更改完node脚本，直接在浏览器刷新就好。不需要重新手动跑服务

3.请求与响应 request 和 response 对象。
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对象：表示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类型
4 路由 上面已经了解HTTP请求的基本应用，而路由决定用哪些脚本去响应客户端请求，
在HTTP请求中，我们通过路由提取出请求的URL以及GET/post参数
创建express_demo.js
通过不同的URL来区分处理。

const express = require(''express'')
const app = express()
app.use(''/public'', express.static(''public''))
app.get(''/'', function(req, res) {
    console.log(''主页 GET 请求'')
    res.send(''Hello Get'')
})
app.post(''/'', function(req, res) {
    console.log(''主页 POST 请求'')
    res.send(''Hello POST'')
})

app.get(''/del_user'', function(req, res) {
    console.log(''/del_user响应DELETE请求'')
    res.send("删除页面")
})
app.get(''/list_user'', function(req, res) {
    console.log(''/list_user GET 请求'')
    res.send(''用户列表页面'')
})
app.get(''/ab*cd'', function(req, res) {
    console.log(''/ab*cd GET 请求'')
    res.send(''正则匹配'')
})
const server = app.listen(''8080'', ''127.0.0.1'', function(){
    const host = server.address().address
    const port = server.address().port
    console.log("应用实例，访问地址为 http://%s:%s", host, port)
})

5 接下来是静态文件，express提供了内置中间件express.static 来设置静态文件。
我们可以创建一个public文件夹来存放img，css，js等，我们先存放一张图片
然后通过app.use(''/public'', express.static(''public''))
我们就可以通过浏览器访问127.0.0.1/piblic/images/迷笛.jpg，就可以看到我们存放在public的图片了

这是文件路径clipboard.png

在代码里加入

app.use(''/public'', express.static(''public''))

clipboard.png

GET方法，我们创建一个index.html 写一个form 通过GET方法向指定路径提交参数，然后通过server.js里的process_get路由来处理输入
1.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <form action="http://127.0.0.1:8080/process_get" method="GET">
        First Name:<input type="text" name="first_name"><br/>
        Lase Name:<input type="text" name="last_name"><br/>
        <input type="submit">
    </form>
</body>
</html>

2.


app.use(''/public'', express.static(''public''));
app.get(''/'', function(req, res){
    res.sendFile(__dirname+ ''/'' + ''index.html'')
})

app.get(''/process_get'',function(req, res) {
    const response = {
        ''first_name'': req.query.first_name,
        ''last_name'': req.query.last_name
    }
    console.log(response)
    res.end(JSON.stringify(response))
})

const server = app.listen(''8080'',''127.0.0.1'', function(){
    const host = server.address().address
    const port = server.address().port
    console.log("应用实例，访问地址为 http://%s:%s", host, port)
})

POST方法 创建一个index.html写一个form 通过POST方法向指定路径提交参数，然后通过server.js里的process_get路由来处理输入
这里要注意 通过post方法需要引入body-parser 用于处理 JSON, Raw, Text 和 URL 编码的数据
1.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <form action="http://127.0.0.1:8080/process_get" method="POST">
        First Name:<input type="text" name="first_name"><br/>
        Lase Name:<input type="text" name="last_name"><br/>
        <input type="submit">
    </form>
</body>
</html>

2.

const urlencodeParser = bodyParser.urlencoded({extended:false})
app.use(''/public'', express.static(''public''));
app.get(''/'', function(req, res){
    res.sendFile(__dirname+ ''/'' + ''index.html'')
})


app.post(''/process_get'', urlencodeParser, function(req, res) {
    const response = {
        ''first_name'': req.body.first_name,
        ''last_name'': req.body.last_name
    }
    console.log(response)
    res.end(JSON.stringify(response))
})
const server = app.listen(''8080'',''127.0.0.1'', function(){
    const host = server.address().address
    const port = server.address().port
    console.log("应用实例，访问地址为 http://%s:%s", host, port)
})

Cookie 管理
我们可以使用中间件向 Node.js 服务器发送 cookie 信息，以下代码输出了客户端发送的 cookie 信息：

const express = require(''express'')
const app = express()
const util = require(''util'')
const cookieParser = require(''cookie-parser'')

app.use(cookieParser())

app.get(''/'', function(req, res) {
    console.log(''cookie:'' + util.inspect(req.cookies))
})
app.listen(''8080'',''127.0.0.1'')

我们今天的关于nodejs-express框架和nodejsexpress框架的分享就到这里，谢谢您的阅读，如果想了解更多关于Centos 编译安装nodejs&express框架教程、Centos 编译安装nodejs&express框架的方法、CentOS安装运行NodeJS框架Express、Node.js Express框架的相关信息，可以在本站进行搜索。

本文标签：

上一篇在WebView中如何让JS与Java安全地互相调用（webview与js交互）

下一篇JSNotifier

相关文章