ホームページ > 記事 > ウェブフロントエンド > Node.js のルーティングとミドルウェアの詳細な紹介
この記事では、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 サイトの他の関連記事を参照してください。