ホームページ  >  記事  >  ウェブフロントエンド  >  Node.js のルーティングとミドルウェアの詳細な紹介

Node.js のルーティングとミドルウェアの詳細な紹介

亚连
亚连オリジナル
2018-06-15 14:41:482030ブラウズ

この記事では、node.js でのルーティング、ミドルウェア、GE リクエストおよびポストリクエストのパラメーターの使用方法をまとめています。必要な方は参考にしてください。ルーティングです

サーバーは、異なる URL やリクエストに応じて異なる操作を実行する必要があります 2. ルーティングを実装する方法

2.1. URL へのアクセスをリクエストするとき、get は何をしますか?

2.2. 投稿が URL へのアクセスをリクエストした場合の対処方法

 app.get("网址",function(req,res){
  
 });

2.3. この URL へのアクセスリクエスト

 app.post("网址",function(req,res){
  
 });

注: 1. ここの URL は大文字と小文字を区別しません、例えば

 app.all("网址",function(){
  
 });

2. あなたはルーティングしますto / a 、actual/a?id=2&sex=nan も処理できます。

3. ルーティングにおける正規表現の使用

3.1. 正規表現では、不明な部分が括弧でグループ化されており、req.params[0], [1] を使用して取得できます。 req.params 配列オブジェクト。

 app.get("/AAb",function(req,res){        //我们访问  /aab也是可以的
  res.send("你好");
 });

3.2. コロンの書き方(推奨)

 app.get(/^\/student\/([\d]{10})$/,function(req,res){
  res.send("学生信息,学号" + req.params[0]);
 });

実行結果:

コロン 1:

コロン 2:

2. ミドルウェア

1.ミドルウェアとは

です。たとえば、上記の get リクエストと post リクエストはミドルウェアです

2. Express 内のすべてのルート (ミドルウェア) の順序 (非常に重要)

2.1. next() メソッド

var express=require('express');
var app=express();
//冒号1
app.get("/student/:id",function (req,res) {
 var id=req.params["id"];                    //得到id的值
 var reg=/^[\d]{6}$/;
 if(reg.test(id)){
  res.send(id);
 }else {
  res.send("请检查格式");
 }

});
//冒号2
app.get("/:username/:oid",function(req,res){
 var username = req.params["username"];            //得到username的值
 var oid = req.params["oid"];                  //得到//oid的值
 res.write(username);
 res.end(oid);
});
app.listen(3000);

2.2. シーケンスの競合: 次の 2 つのルートは関係がないように見えますが、実際には、admin がユーザー名ログインまたは ID として使用できるため競合しています

var express=require("express");
var app=express();
app.get("/",function (req,res,next) {
 console.log(1);
 next();    //如果没有next参数,就只会conlose出来1,而不会是1,2
});
app.get("/",function (req,res) {
 console.log(2);
});
 app.listen(3000);

実行結果: 172.0.0.1 にアクセスした場合: 3000/admin/ ログインすると、管理者ログインではなく、ユーザー情報 admin のみが出力されます

2.3. 順序の競合を解決します

2.3.1. 具体的なものを上に書き、抽象的なものを下に書きます

var express=require("express");
var app=express();
app.get("/:username/:id",function(req,res){
  console.log("1");
  res.send("用户信息" + req.params.username);
});

app.get("/admin/login",function(req,res){
  console.log("2");
  res.send("管理员登录");
});
app.listen(3000)

: 172.0 にアクセスすると、0.1: 3000/admin/login の場合、出力はユーザー情報 admin ではなく管理者ログインです

2.3.2. データベースの取得

var express=require("express");
var app=express();
//具体的
app.get("/admin/login",function(req,res){
  console.log("2");
  res.send("管理员登录");
});
//抽象的
app.get("/:username/:id",function(req,res){
  console.log("1");
  res.send("用户信息" + req.params.username);
});
app.listen(3000)

3. app.use() ミドルウェア: get および post とは異なります。 、その URL は完全に一致しません。ただし、小さなフォルダーを使用して展開することはできます。

3.1. get.use() のファジーマッチング

var express=require("express");
var app=express();
app.get("/:username/:id",function (req,res,next) {
  var username=req.params.username;
  //检索数据库,如果username 不存在,那么next()
 if(检索数据库){
  console.log("1");
  res.send("用户信息")
 }else{
  next();
 }
});
app.get("/admin/login",function (req,res) {
 console.log("2");
 res.send("管理员登录");
});
app.listen(3000)

3.2. get.use() でファイルを読み取る

4. Res.send() メソッドを使ってページを素早くテストする

var express=require("express");
var app=express();
//匹配所有网址
//法一
//当你不写路径的时候,实际上就相当于“/”,就是所有网址
// app.use(function (req,res,next) {
//  console.log(new Date());
//  next();     //执行下面的
// });
//法二
app.use("/",function (req,res,next) {
 console.log(new Date());
 next();     //执行下面的
});
//匹配/admin所有地址,例如/admin/ss/aa这个都行
app.use("/admin",function (req,res) {
 res.write(req.originalUrl+"\n"); // /admin/ss/aa
 res.write(req.path+"\n");   // /ss/aa
 res.write(req.baseUrl+"\n");  // /admin
 res.end("你好");
});
app.listen(3000);

4.2 では、 res.render() はビュー内のテンプレート ファイルに従ってコンテンツをレンダリングします。 viewsフォルダーを使用せず、フォルダー名を自分で設定したい場合は、 app.set("views","aaaa");

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

//当你不写路径的时候,实际上就相当于“/”,就是所有网址
app.use(haha);  //haha是一个函数
app.listen(3000);
// function haha(req,res) {
//  res.send("哈哈");
// }

app.use('/admin',function (req,res) {
 res.send('管理员登录');
})
//根据当前的网址,读取punlic文件夹的文件
//如果有这个文件,就渲染这个文件
//如果没有这个文件,那么next()
function haha(req,res,next) {
 var filePath=req.originalUrl;
 //根据当前的网址,读取public文件夹的文件
 //如果有这个文件,那么渲染这个文件
 //如果没哟偶这个文件,那么next();
 fs.readFile("./public/"+filePath,function (err,data) {
  if(err){
   //文件不存在
   next(); //一定要写,不然处于挂起状态
   return;
  }
  res.send(data.toString());
 })
}

5. req.query: http://127.0を入力する場合.0.1:3000/? id=0&ag=9

var express=require("express");
var app=express();
//静态服务
app.use('/jingtai',express.static("./public"));

//新的路由
app.get('/images',function (req,res) {
 res.send("哈哈")
});
//会自动识别err参数,如果有,那么就这个函数能捕获err
app.use(function (req,res) {
 res.status(404).send("没有这个页面!");
})
app.listen(3000);

動作結果:

3. リクエストパラメータの取得:

リクエストパラメータの取得: URL、Expressでは必要ありません。 URLモジュールを使用します。 req.query オブジェクトを直接使用できます。

POST リクエスト パラメーター: Express で直接取得することはできません。body-parser モジュールを使用する必要があります。使用後は、req.body を使用してパラメーターを取得できます。ただし、フォームにファイルのアップロードが含まれている場合は、依然として強力なモジュールを使用する必要があります。

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

// //设置ejs文件夹名字  //在day3文件夹下新建文件夹a,然后在里面放ejs文件
// app.set("views","a")
app.set("view engine","ejs");
app.get("/",function(req,res) {
 res.render("haha",{news:[]});

});

app.get("/check",function (req,res) {
 res.send({
  "user":"ok"
 })
})
app.listen(3000);
var express=require("express");
var app=express();
app.get("/",function (req,res) {
 console.log(req.query);
 res.send();
});
app.listen(3000);

実行結果:

以上は、皆様の参考になれば幸いです。

関連記事:

Vue で ajax を使用する方法には何がありますか?

vue.js でデータ分散スロットを実装する方法

Angular2 を使用してプラグインを統合する方法 (詳細なチュートリアル)

JavaScript 配列をフラット化するにはどうすればよいですか?

以上がNode.js のルーティングとミドルウェアの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。