cari

Rumah >hujung hadapan web >tutorial js >Mari kita bincangkan tentang permintaan get/post dan middleware dalam nodejs

Mari kita bincangkan tentang permintaan get/post dan middleware dalam nodejs

青灯夜游
青灯夜游ke hadapan
2021-12-08 19:01:042145semak imbas

Artikel ini akan membawa anda melalui permulaan semula panas, dapatkan permintaan, permintaan pos dan perisian tengah dalam node.js Saya harap ia akan membantu anda!

Mari kita bincangkan tentang permintaan get/post dan middleware dalam nodejs

1. Mula semula panas nod

1 > npm i nodemon

2 Jalankan dan mulakan

nodemon .bin/www

2. Mengenai permintaan dapatkan

Secara amnya dalam pembangunan tapak web, get digunakan untuk pemerolehan data dan pertanyaan, sama seperti operasi pertanyaan dalam pangkalan data Apabila pelayan menghuraikan sumber latar depan, ia menghantar kandungan yang sepadan ; dan rentetan pertanyaan Ia dilakukan pada URL, dalam bentuk:

http://localhost:8080/login?goods1=0001&goods2=0002

Dapatkan permintaan dapatkan bahagian hadapan

Permintaan dapatkan yang dihantar oleh pengguna boleh diperoleh melalui req.query, dan kemudian data yang sepadan dikembalikan kepada pengguna melalui operasi nod.

Jika jawapannya ialah:

http://localhost:8080/login?goods1=0001&goods2=0002

Melalui:

dia akan mendapat semua data, atau 

req.query
untuk memisahkan atau mengalih keluar setiap data. Ringkasnya, keperluan yang berbeza sepadan dengan perniagaan yang berbeza, dan setiap orang boleh mendapatkannya mengikut keperluan mereka sendiri 

req.query.goods1
req.query.goods2

Contoh

Berikut ialah; contoh bagaimana untuk mendapatkan Ringkasan parameter: HTML:

nod:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <form action="http://localhost:8080/login" method="get">
            用户：
            <input type="text" name="user" id="user" placeholder="用户名"/>
            <br>
            密码：
            <input type="password" name="password" id="password" placeholder="密码"/>
            <br>
            <input type="submit" value="提交"/>
        </form>
    </body>
</html>

3. Mengenai permintaan POST 

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

app.get("/",function(req,res){
    res.send("主页");
});

app.get("/login",function(req,res){
    console.log(req.query);
    res.send("登录路由，user为："+req.query.user+"==>   password为："+req.query.password);
});

app.listen(8080);

Kaedah siaran adalah bahagian penting dalam permintaan http dan digunakan oleh hampir semua laman web Tidak seperti get, permintaan siaran lebih seperti operasi pengubahsuaian pada pelayan . Berbanding dengan permintaan dapatkan, data yang diminta melalui pos akan lebih selamat. Dalam bab sebelumnya, kami mendapati permintaan mendapatkan akan memaparkan nama pengguna dan kata laluan yang dimasukkan dalam bar alamat (ia akan ditukar kepada penyulitan BASE64 apabila terdapat bahasa Cina), manakala permintaan pos akan memasukkan data ke dalam badan Pakej http, yang menyebabkan orang lain tidak dapat melihat nama pengguna dan kata laluan secara langsung!

Cara menyediakan permintaan POST dalam Express

1. Mula-mula kita perlu tahu cara membuat permintaan pos dalam borang. Atribut biasanya ditetapkan kepada " ", jika ditetapkan kepada

, ia kebanyakannya digunakan untuk muat naik fail, seperti berikut:

enctypeapplication/x-www-form-urlencoded2 Sediakan perisian tengah parsing body multipart/form-data

<form action="#" method="post" enctype="application/x-www-form-urlencoded">
</form>
3. Dapatkan data badan 

app.use(express.urlencoded())

Kes log masuk: 

req.body.username

HTML:

APP. JS

<!DOCTYPE html>
<html>
<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>
    <h1>登陆</h1>
    <form action="/login" method="POST">
        <div>
            用户名：<input type="text" name="username">
        </div>
        <div>
            密码：<input type="password" name="password">
        </div>
        <button>登陆</button>
    </form>
      
</body>
</html>

4. Middleware 

var express = require(&#39;express&#39;);
var path = require(&#39;path&#39;)
var app = express();
var sqlQuery = require(&#39;./lcMysql&#39;)

// view engine setup
app.set(&#39;views&#39;, path.join(__dirname, &#39;views&#39;));
app.set(&#39;view engine&#39;, &#39;ejs&#39;);
app.use(express.static(path.join(__dirname, &#39;public&#39;)));
//解析post提交的数据
app.use(express.urlencoded())

//搜索首页
app.get(&#39;/&#39;,(req,res)=>{
  res.render(&#39;index.ejs&#39;)
})

//登陆页
app.get(&#39;/login&#39;,(req,res)=>{
  res.render(&#39;login&#39;)
})
//处理登陆请求
app.post(&#39;/login&#39;,async (req,res)=>{
  //获取用户名和密码
  let username = req.body.username 
  let password = req.body.password
  //查询数据库是否由此用户名和密码
  let sqlStr = &#39;select * from user where username = ? and password = ?&#39;;
  let arr = [username,password];
  let result = await sqlQuery(sqlStr,arr)
  if(result.length == 0 ){
    res.send("登陆失败")
  }else{
    res.send("登陆成功")
  }

})


module.exports = app;

Daripada maksud literal, kita boleh faham bahawa ia mungkin merupakan operasi proksi perantaraan, dan ini juga berlaku dalam kebanyakan kes, perisian tengah adalah antara menerima permintaan dan menghantar respons. Malah, ekspres ialah rangka kerja web untuk penghalaan dan perisian tengah, dan aplikasi Express pada asasnya ialah satu siri panggilan fungsi perisian tengah. 1. Penyemak imbas menghantar permintaan

2. Ekspres menerima permintaan

Proses pemprosesan pertengahan

3. res)

4.res.render rendering

Fungsi middleware boleh melaksanakan tugas berikut:

Laksanakan sebarang kod.

Buat perubahan pada objek permintaan dan respons.
  • Tamatkan gelung permintaan/tindak balas.
  • Memanggil fungsi middleware seterusnya dalam tindanan.
  • Perisian tengah juga dibahagikan kepada perisian tengah lapisan aplikasi, perisian tengah penghalaan, perisian tengah terbina dalam, perisian tengah pengendalian ralat dan perisian tengah pihak ketiga. Perkara berikut dijelaskan di bawah:

1 Perisian tengah lapisan aplikasi

Perisian tengah peringkat aplikasi terikat pada objek aplikasi menggunakan app.use. Dan app.METHOD() - kaedah yang perlu mengendalikan permintaan http, seperti GET, PUT, POST, gantikan get atau post sebelumnya dengan penggunaan. Sebagai contoh, contoh berikut:

Pada masa ini kita akan mendapati bahawa alamat

http://localhost:8080/

telah dimuatkan, tetapi baris arahan memaparkan "Sebelumnya mengakses", menunjukkan bahawa program Ia tidak akan dilaksanakan secara serentak. Jika anda menggunakan seterusnya untuk meneruskan pemadanan laluan ke bawah, anda boleh mendapatkan data halaman utama sekali lagi: 
const express=require("express");

var app=express();

//匹配路由之前的操作
app.use(function(req,res,next()){
    console.log("访问之前");
});

app.get("/",function(req,res){
    res.send("主页");
});

app.listen(8080);

Sudah tentu, anda juga boleh memudahkan penulisan: 

const express=require("express");

var app=express();

//匹配路由之前的操作
app.use(function(req,res,next){
    console.log("访问之前");
    next();
});

app.get("/",function(req,res){
    res.send("主页");
});

app.listen(8080);
Oleh itu, jika anda ingin melakukan operasi sebelum melakukan padanan laluan atau semasa merakam dan meneruskan pelaksanaan, perisian tengah lapisan aplikasi sudah pasti merupakan pilihan yang baik.

2.路由中间件

路由级中间件和应用级中间件类似，只不过他需要绑定express.Router();

var router = express.Router()

在匹配路由时，我们使用 router.use() 或 router.VERB() ,路由中间件结合多次callback可用于用户登录及用户状态检测。

const express = require("express");
var app = express();
var router=express.Router();

router.use("/",function(req,res,next){
    console.log("匹配前");
    next();
});

router.use("/user",function(req,res,next){
    console.log("匹配地址：",req.originalUrl);
    next();
},function(req,res){
    res.send("用户登录");
});

app.use("/",router);

app.listen(8080);

总之在检测用户登录和引导用户应该访问哪个页面是，路由中间件绝对好用。

3.错误处理中间件

顾名思义，它是指当我们匹配不到路由时所执行的操作。错误处理中间件和其他中间件基本一样，只不过其需要开发者提供4个自变量参数。

app.use((err, req, res, next) => {
        res.sendStatus(err.httpStatusCode).json(err);
});

一般情况下，我们把错误处理放在最下面，这样我们即可对错误进行集中处理。

const express=require("express");

var app=express();

app.get("/",function(req,res,next){
    const err=new Error(&#39;Not Found&#39;);
    res.send("主页");
    next(err);
});

app.use("/user",function(err,req,res,next){
    console.log("用户登录");
    next(err);
},function(req,res,next){
    res.send("用户登录");
    next();
});

app.use(function(req,res){
    res.status(404).send("未找到指定页面");
});

app.listen(8080);

4.内置中间件

从版本4.x开始，Express不再依赖Content，也就是说Express以前的内置中间件作为单独模块，express.static是Express的唯一内置中间件。

express.static(root, [options]);

通过express.static我们可以指定要加载的静态资源。

5.第三方中间件

形如之前我们的body-parser，采用引入外部模块的方式来获得更多的应用操作。如后期的cookie和session。

var express = require(&#39;express&#39;);
var app = express();
var cookieParser = require(&#39;cookie-parser&#39;);

以上就是关于express中间件类型，在实际项目中，中间件都是必不可少的，因此熟悉使用各种中间件会加快项目的开发效率。

更多node相关知识，请访问：nodejs 教程！！

Atas ialah kandungan terperinci Mari kita bincangkan tentang permintaan get/post dan middleware dalam nodejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

node.js 中间件 html npm express Static Cookie Session 字符串 循环 栈 堆 JS 对象 数据库 http
Kenyataan：
Artikel ini dikembalikan pada:juejin.cn. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Cara menggunakan untuk mencari faktorial n dalam JavaScriptArtikel seterusnya：Cara menggunakan untuk mencari faktorial n dalam JavaScript

Artikel berkaitan

Lihat lagi