> 웹 프론트엔드 > JS 튜토리얼 > node.js 라우팅 미들웨어 ge 및 post 요청 사용에 대한 자세한 설명

node.js 라우팅 미들웨어 ge 및 post 요청 사용에 대한 자세한 설명

php中世界最好的语言
풀어 주다: 2018-04-13 14:38:48
원래의
1642명이 탐색했습니다.

이번에는 node.js 라우팅 미들웨어 ge 및 post 요청 사용에 대한 자세한 설명을 가져왔습니다. node.js 라우팅 미들웨어 ge 및 post 요청 사용 시 주의사항은 무엇입니까? 살펴보자.

1. 라우팅

   1. 라우팅이란

서버는 다양한 URL이나 요청에 따라 다양한 작업을 수행해야 합니다. 라우팅을 통해 이 단계를 달성할 수 있습니다.

    2. 라우팅 구현 방법

     2.1. URL에 대한 액세스 요청을 받을 때 해야 할 일

 app.get("网址",function(req,res){
  
 });
로그인 후 복사

      2.2. 게시물이 URL에 대한 액세스를 요청할 때 해야 할 일        

 app.post("网址",function(req,res){
  
 });
로그인 후 복사

    2.3. 이 웹사이트 방문 요청    

 app.all("网址",function(){
  
 });
로그인 후 복사

  참고: 1. 여기의 URL은 대소문자를 구분하지 않습니다(예:

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

).       2. /a로 라우팅하면 실제 /a?id=2&sex =nan도 처리할 수 있습니다.   

 3. 라우팅 에서

정규식

사용      3.1 정규식에서 알 수 없는 부분은 괄호로 묶어서 req.params[0], [1]을 이용하여 구할 수 있다. req.params 배열 객체. 

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

     3.2. 콜론 쓰기(권장)

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. 미들웨어

 1. 미들웨어란

    어플리케이션 간 연결 서비스 역할을 하기 위해 적용됩니다. 예를 들어 위의 get 및 post 요청은 미들웨어입니다

 2. Express의 모든 경로(미들웨어) 순서(매우 중요)

       2.1, next() 메소드      

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);
로그인 후 복사

      2.2. 순서 충돌: 다음 두 경로는 관계가 없는 것처럼 보이지만 실제로는 admin을 사용자 이름으로 사용할 수 있고 로그인을 ID

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.3.1 구체적인 내용은 상단에, 추상적인 내용은 하단에 작성하세요        

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)
로그인 후 복사

실행 결과: 172.0.0.1:3000/admin/login에 액세스하면 사용자 정보 admin

대신 관리자 로그인이 출력됩니다.     2.3.2, 데이터 검색라이브러리

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. app.use() 미들웨어: get 및 post와 달리 URL이 정확히 일치하지 않습니다. 하지만 작은 폴더로 확장할 수 있습니다.

     3.1, get.use()의 퍼지 매칭

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);
로그인 후 복사

  3.2, get.use()파일 읽기

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());
 })
}
로그인 후 복사

  4. 렌더링 및 보내기

      4.1, res.send() 메소드 빠른 테스트 페이지

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);
로그인 후 복사

      4.2. res.render()에 의해 렌더링된 콘텐츠는 뷰의 템플릿 파일에 따라 렌더링됩니다. views 폴더를 사용하지 않고 폴더 이름을 직접 설정하려면 app.set("views","aaaa")

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);
로그인 후 복사

  5.req.query : http://127.0.0.1:3000/?id=0&ag=9

var express=require("express");
var app=express();
app.get("/",function (req,res) {
 console.log(req.query);
 res.send();
});
app.listen(3000);
로그인 후 복사

입력 시 실행 결과:

node.js 라우팅 미들웨어 ge 및 post 요청 사용에 대한 자세한 설명

3. get 요청 매개변수 post 요청 매개변수:

GET 요청의 매개변수: URL에서 Express에서는 url 모듈을 사용할 필요가 없습니다. req.query 객체를 직접 사용할 수 있습니다.

POST 요청 매개변수: Express에서 직접 얻을 수 없으며 body-parser 모듈을 사용해야 합니다. 사용 후 req.body를 사용하여 매개변수를 가져올 수 있습니다. 하지만 양식에 파일 업로드가 포함되어 있으면 여전히 강력한 모듈을 사용해야 합니다.

//form.ejs
nbsp;html>


 <meta>
 <title></title>


로그인 후 복사
     
//.jsvar express=require("express");
var bodyParser=require('body-parser');
var app=express();
app.set('view engine','ejs')
app.get('/',function (req,res) {
 res.render("form");
});
//bodyParser API
app.use(bodyParser.urlencoded({extended:false}));
app.post('/',function (req,res) {
 console.log(req.body);
});
app.listen(3000);
로그인 후 복사

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

Bootstrap 모달 상자가 여러 번 나타납니다. BUG 제출

vue-cli lib-flexible+rem 모바일 적응 구성 방법

위 내용은 node.js 라우팅 미들웨어 ge 및 post 요청 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿