찾다
웹 프론트엔드JS 튜토리얼NodeJS 프레임워크 익스프레스의 경로 매핑(라우팅) 기능과 제어 샘플 코드에 대한 자세한 설명

이 글은 주로 NodeJS 경로 매핑(라우팅) 기능과 프레임워크의 제어 express에는 특정 참조 값이 있습니다. 관심 있는 친구는 이를 참조할 수 있습니다.

Express는 NodeJS A를 기반으로 한다는 것을 알고 있습니다. 매우 우수한 서버측 개발 프레임워크인 이 CSSer는 Express 프레임워크의 경로 및 경로 제어 장을 제공합니다. Route는 클라이언트가 요청한 URL의 경로 매핑 기능을 구현합니다. 아직 그렇지 않은 경우 이를 라우팅 또는 URL 매핑으로 변환해 보겠습니다. 물론입니다. 이 기사를 읽으면 뭔가를 얻을 수 있을 것이라고 믿습니다.

라우팅(URL 매핑)

Express는 HTTP 작업을 사용하여 의미 있고 표현적인 URL 매핑 기능을 제공합니다. 예를 들어 API 에서는 사용자 계정의 URL을 "/user/12"와 같이 표시할 수 있습니다. 다음 예에서는 자리 표시자 식별자(이 예에서는 id)를 사용하여 이러한 라우팅을 달성할 수 있습니다. 관련 값은 req.params

app.get('/user/:id', function(req, res){

  res.send('user ' + req.params.id);

});

에서 얻을 수 있습니다. 위의 예에서 /user/12에 액세스하면 "user 12"가 반환됩니다. 참고: app.get은 서버에 등록하는 것과 동일합니다. 요청된 URL이 첫 번째 매개변수를 충족하면 다음 콜백 함수 가 실행됩니다.

정규식

으로 내부적으로 컴파일되는 간단한 문자열. 예를 들어 /user/:id가 컴파일되면 내부적으로 컴파일된 정규식 문자열은 다음과 같습니다. 단순화 후): 코드는 다음과 같습니다.

\/user\/([^\/]+)\/?

더 복잡한 작업을 수행하려면 정규 캡처 그룹이 익명이므로 정규식 리터럴을 전달할 수 있습니다. req.params에 액세스하려면 첫 번째 캡처 그룹은 req.params[0]이어야 하고, 두 번째 캡처 그룹은 req.params[1]여야 하며,

Linux

컬 명령을 통해 정의한 경로를 테스트합니다. :

app.get(/^\/users?(?:\/(\d+)(?:\.\.(\d+))?)?/, function(req, res){

  res.send(req.params);

});

다음은 몇 가지 라우팅 예시와 이와 일치하는 관련 경로입니다.

$ curl http://cssercom:3000/user

[null,null]

$ curl http://cssercom:3000/users

[null,null]

$ curl http://cssercom:3000/users/1

["1",null]

$ curl http://cssercom:3000/users/1..15

["1","15"]
또한 POST를 통해 json 데이터를 제출한 다음 bodyParser 미들웨어를 사용하여 json을 구문 분석할 수 있습니다. 본문을 요청하고 json 데이터를 클라이언트에 반환합니다:

"/user/:id"

/user/12

 

"/users/:id?"

/users/5

/users

 

"/files/*"

/files/jquery.js

/files/javascripts/jquery.js

 

"/file/*.*"

/files/jquery.js

/files/javascripts/jquery.js

 

"/user/:id/:operation?"

/user/1

/user/1/edit

 

"/products.:format"

/products.json

/products.xml

 

"/products.:format?"

/products.json

/products.xml

/products

 

"/user/:id.:format?"

/user/12

/user/12.json

일반적으로 우리가 사용하는 자리 표시자(예: /user/:id)에는 제한이 없습니다. 즉, 사용자는 다양한

데이터 유형

. 사용자 ID를 숫자로 제한하려면 다음과 같이 "/user/:id(d+)"를 작성하여 이 자리 표시자만 있는 경우에만 라우팅이 처리되도록 할 수 있습니다. 데이터 유형은

숫자 유형

입니다. 경로 제어

애플리케이션은 여러 경로를 정의할 수 있으며, 다음 경로로 이동하도록 제어할 수 있습니다. Express는 세 번째 매개변수인 next( ) 함수를 제공합니다. 패턴이 일치하지 않으면 제어가 Connect로 다시 전송되고(Express는 Connect 모듈 기반) 미들웨어는 use()에 추가된 순서대로 계속 실행됩니다. 정의된 여러 경로가 모두 동일한 URL과 일치할 수 있는 경우에도 마찬가지입니다. 경로가 next()를 호출하지 않고 클라이언트에 응답을 출력하지 않는 한 순서대로 실행됩니다.

var express = require('express')

 , app = express.createServer();

app.use(express.bodyParser());

app.post('/', function(req, res){

 res.send(req.body);

});

app.listen(3000);
app.all() 메서드는 모든 HTTP 작업에 단일 호출 항목을 적용할 수 있으며 이는 경우에 따라 유용합니다. 아래에서는 이 함수를 사용하여 모의 데이터베이스에서 사용자를 로드하고 이를 req.user에 할당합니다.

app.get('/users/:id?', function(req, res, next){

  var id = req.params.id;

  if (id) {

    // 一回注:如果在这里就将响应内容输出给客户端,那么后续的URL映射将不会被调用

  } else {

    next(); // 将控制转向下一个符合URL的路由

  }

});

 

app.get('/users', function(req, res){

  // do something else

});

경로 매개변수

전처리

경로 매개변수 전처리는 요청 URL의 암시적 데이터 처리를 통해 애플리케이션 코드의 가독성과 가독성을 크게 향상시킬 수 있습니다. . /user/:id를 통해 사용자 정보를 로드하는 등 여러 경로에서 공통 데이터를 자주 얻는 경우 일반적으로 다음과 같이 할 수 있습니다.

var express = require('express')

 , app = express.createServer(); 

var users = [{ name: 'www.csser.com' }];

app.all('/user/:id/:op?', function(req, res, next){

 req.user = users[req.params.id];

 if (req.user) {

  next();

 } else {

  next(new Error('cannot find user ' + req.params.id));

 }

});

app.get('/user/:id', function(req, res){

 res.send('viewing ' + req.user.name);

});

app.get('/user/:id/edit', function(req, res){

 res.send('editing ' + req.user.name);

}); 

app.put('/user/:id', function(req, res){

 res.send('updating ' + req.user.name);

});

app.get('*', function(req, res){

 res.send('what???', 404);

});
app.listen(3000);
전처리를 사용하면 매개변수를 콜백 함수에 매핑할 수 있습니다. 유효성 검사, 값 강제 변경, 데이터베이스에서 데이터 로드 등의 기능을 제공할 수 있습니다. 다음으로 app.param()을 호출하고 특정 미들웨어에 매핑하려는 매개변수를 전달합니다. 자리 표시자(:userId) 값이 포함된 id 매개변수를 받는 것을 볼 수 있습니다. 여기에서 평소처럼 사용자 데이터와

오류 처리

를 로드하고 next()를 호출하여 다음 전처리 또는 라우팅(경로 제어)으로 제어를 전달할 수 있습니다.

app.get('/user/:userId', function(req, res, next){

 User.get(req.params.userId, function(err, user){

  if (err) return next(err);

  res.send('user ' + user.name);

 });

});

이렇게 하면 위에서 언급한 것처럼 라우팅의 가독성이 크게 향상될 수 있을 뿐만 아니라 이 부분의 논리 구현을 애플리케이션 전체에서 공유하여 재사용할 수도 있습니다.

app.param('userId', function(req, res, next, id){

 User.get(id, function(err, user){

  if (err) return next(err);

  if (!user) return next(new Error('failed to find user'));

  req.user = user;

  next();

 });

});
경로 자리 표시자 확인, 강제 값 변경 등 간단한 상황의 경우 1개의 매개변수만 전달하면 되며(1개의 매개변수 지원) 해당 기간 동안 발생한 예외는 자동으로 next(err)로 전달됩니다. .

app.param('number', function(n){ return parseInt(n, 10); });

也可以同时将回调函数应用到多个占位符,比如路由/commits/:from-:to来说,:from和:to都是数值类型,我们可以将它们定义为数组

app.param(['from', 'to'], function(n){ return parseInt(n, 10); });

结语

通 过本文的学习,我们应该有些感觉了,NodeJS不仅仅可以实现我们产品的服务端逻辑,同时我们还可以利用Javascript做服务器编程,注意是服务 器,也就是说,我们可以利用Javascript来定制以往只能在apache中才可以做到的功能。NodeJS还需要rewrite吗?路径映射更简单 更强大,还要rewrite干嘛用?

위 내용은 NodeJS 프레임워크 익스프레스의 경로 매핑(라우팅) 기능과 제어 샘플 코드에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
Vercel是什么?怎么部署Node服务?Vercel是什么?怎么部署Node服务?May 07, 2022 pm 09:34 PM

Vercel是什么?本篇文章带大家了解一下Vercel,并介绍一下在Vercel中部署 Node 服务的方法,希望对大家有所帮助!

node.js gm是什么node.js gm是什么Jul 12, 2022 pm 06:28 PM

gm是基于node.js的图片处理插件,它封装了图片处理工具GraphicsMagick(GM)和ImageMagick(IM),可使用spawn的方式调用。gm插件不是node默认安装的,需执行“npm install gm -S”进行安装才可使用。

火了!新的JavaScript运行时:Bun,性能完爆Node火了!新的JavaScript运行时:Bun,性能完爆NodeJul 15, 2022 pm 02:03 PM

今天跟大家介绍一个最新开源的 javaScript 运行时:Bun.js。比 Node.js 快三倍,新 JavaScript 运行时 Bun 火了!

nodejs中lts是什么意思nodejs中lts是什么意思Jun 29, 2022 pm 03:30 PM

在nodejs中,lts是长期支持的意思,是“Long Time Support”的缩写;Node有奇数版本和偶数版本两条发布流程线,当一个奇数版本发布后,最近的一个偶数版本会立即进入LTS维护计划,一直持续18个月,在之后会有12个月的延长维护期,lts期间可以支持“bug fix”变更。

聊聊Node.js中的多进程和多线程聊聊Node.js中的多进程和多线程Jul 25, 2022 pm 07:45 PM

大家都知道 Node.js 是单线程的,却不知它也提供了多进(线)程模块来加速处理一些特殊任务,本文便带领大家了解下 Node.js 的多进(线)程,希望对大家有所帮助!

node爬取数据实例:聊聊怎么抓取小说章节node爬取数据实例:聊聊怎么抓取小说章节May 02, 2022 am 10:00 AM

node怎么爬取数据?下面本篇文章给大家分享一个node爬虫实例,聊聊利用node抓取小说章节的方法,希望对大家有所帮助!

深入浅析Nodejs中的net模块深入浅析Nodejs中的net模块Apr 11, 2022 pm 08:40 PM

本篇文章带大家带大家了解一下Nodejs中的net模块,希望对大家有所帮助!

怎么获取Node性能监控指标?获取方法分享怎么获取Node性能监控指标?获取方法分享Apr 19, 2022 pm 09:25 PM

怎么获取Node性能监控指标?本篇文章来和大家聊聊Node性能监控指标获取方法,希望对大家有所帮助!

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

PhpStorm 맥 버전

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기

mPDF

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

Dreamweaver Mac版

Dreamweaver Mac版

시각적 웹 개발 도구