지역 사회
배우다
도구 라이브러리
AI 도구
여가
찾다
한국어
목차
言归正传，Express出手
Router的介绍 & 使用
中间件
异常处理
집 웹 프론트엔드 JS 튜토리얼 nodejs의 express에 대한 자세한 설명

nodejs의 express에 대한 자세한 설명

青灯夜游
青灯夜游
Mar 11, 2021 am 10:09 AM
express nodejs

이 글에서는 node에서의 표현을 소개하겠습니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

nodejs의 express에 대한 자세한 설명

관련 권장 사항: "nodejs Tutorial"

그 전에 매우 유용한 것에 대해 이야기하겠습니다 - nodemon -> 자동 컴파일

npm install nodemon -D
로그인 후 복사

완료 후 구성 파일에 "script" 옵션을 추가하세요. json "start" 필드는 다음과 같이 수정됩니다. 

"start":"nodemon js路径+名",
//增加一行
"start:node":"node js路径+名",
...
로그인 후 복사

그러나 이제 문제가 발견되었습니다. 파일에 어떤 변경 사항이 있어도 노드가 다시 시작됩니다.

다음을 간단히 지정합니다. js 파일 모니터링:

새 nodemon.json 만들기

{
	"watch":["./src/**/*.js"]
}
로그인 후 복사

(src는 json과 동일한 수준의 디렉터리 이름(js가 있는 위치))

이후 서버는 자동으로 npm 시작. npm start了。

言归正传，Express出手

我们对express的第一认知：node中的一种web框架。

如下：用express搭建一个web应用

npm install express -S       # "-S"：在生产环境中搭载
npm install nodemon -D
로그인 후 복사

在src目录（自建文件夹）下设app.js：

const express=require('express');
//一个express实例
const app=express();
//app.use((req,res)=>{
//	res.json({
//	name:"张上"
//	})
//})
app.get('/name',(req,res)=>{
	let {age}=req.params;
	res.send('tom');
});
app.post('/name',(req,res)=>{
	res.send('tom post');
});

app.listen(8081,()=>{
	console.log('启动成功');
});
로그인 후 복사

看到代码第3行，有没有想到http？
const server=http.createServer((req,res)=>{...});
这里的server和上面的app是一样的。但是两个req不一样，因为app的req是经过express封装过的，它的功能更丰富！

在package.json（生成的配置文件）中修改：

// "script"选项下第一个——"start"值中加一个“nodemon”字样：
"start":"nodemon ./src/app.js",
...
로그인 후 복사

那如上代码怎么传参？

// get方式传参
app.get('/name/:age',(req,res)=>{
	let {age}=req.params;
	res.json({
		name:'tom',
		age
	})
})
로그인 후 복사

Router的介绍 & 使用

web服务如何处理一个请求
url --> 网络 --> dns解析 --> 目标服务器

  • 如何响应这个请求 —— 路由！（规则）

  • 如何区分 —— 请求方法（get/post）、uri（路径）

const express=require('express');
const app=express();
//1.请求方法判断 ——测试工具：postman
app.get('/demo',(req,res)=>{
	res.json({
		message:'hello get mxc'
	})
});
app.post('/demo',(req,res)=>{
	res.json({
		message:'hello post mxc'
	})
});

//2.通过URI ——postman上测试：http://127.0.0.1:8081/user/byname?name=mxc
//或：http://127.0.0.1:8081/user/byid?id=123
app.get('/user/byname',(req,res)=>{
	let {name}=req.query;
	res.json({
		name
	})
});
app.get('/user/byid',(req,res)=>{
	let {id}=req.query;
	res.json({
		id
	})
});

app.listen(8081,()=>{
	console.log('server已启动');
});
로그인 후 복사

路由API

定义一个api，需要满足 客户端 无论以什么请求方式，都可以得到响应

app.all('/demo',(req,res)=>{
	res.json({
		message:'demo',
		method:req.method
	})
});
로그인 후 복사

无论客户端使用任何URI，我们的服务都可以响应（日志）

app.all('*',(req,res)=>{
	res.json({
		message:'demo',
		method:req.method,
		uri:req.path
	})
});
로그인 후 복사

app.use --> 中间件

app.use('/demo',(req,res)=>{
	res.json({
		message:'from use demo',
		method:req.method
	})
});

app.use((req,res)=>{
	res.json({
		message:'demo',
		method:req.method,
		uri:req.path
	})
});
로그인 후 복사

如何做路由的拆分？ —— express.Router

在member.router.js文件中：

const express=require('express');
const router=express.Router();
//router.[method]//(get/post)
//router.all
//router.use
router.get('/list',(req,res)=>{
	res.json({
		list:[
			id:001,
			name:'mxc'
		]
	})
});
module.exports=router;
로그인 후 복사

在app.js中“ 注册路由 ”:

const memberRouter=require('./member.router.js');app.use(memberRouter);
로그인 후 복사

现在我们再写一个skuRouter的路由，它的URI中也有“/list”。
注册完以后。我们发现找不到了（打印不出来），那这怎么办？

其实，路由use里面我们可以加一个“前缀”——也就是“根”，加以区分：

const memberRouter=require('./member.router.js');
app.use(memberRouter);
로그인 후 복사

中间件

express中间件

使用：

  • app级别使用（注册时，一定是在最顶级/端）

  • router级别

  • 异常处理

（普通）中间件

我们应当先考虑一个问题：为什么需要“中间件”：程序不能一步“走完”。

你比如说下面这个demo：获取input内容：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="http://localhost:8081" method="post">
用户：<input type="text" name="user" /><br />
密码：<input type="password" name="pass" /><br />
<input type="submit" value="提交">
</form>
</body>
</html>
로그인 후 복사
npm install body-parser
로그인 후 복사
const express=require('express');
const bodyParser=require('body-parser');
var server=express();
server.listen(8081);
server.use(bodyParser,urlencoded({}));
// 上面一行有时也写为：server.use(bodyParser,urlencoded({extended:true}));
server.use('/',function(req,res){
	console.log(req.body);
});
로그인 후 복사

毫无疑问，这比平时“多出来的”一行：server.use(bodyParser,urlencoded({})); 就是所谓的“中间件的使用”。

现在该思考另一个问题了：为什么程序“一步走不完”？
如上述代码， POST的req中应该有“ body ”吗？
很显然不应该。 body本来就不存在啊！（不然ajax还去用data？）

但我们现在确实需要。所以第2行const bodyParser=require('body-parser'); 申请了“中间件模块”，在第5行为整个“链式操作”（两个use连着）给“装上”了一个body。

通常来说，在实战中中间件我们会写3个，构成一条“完整的”参数解析大法：
app.use(express.json());
app.use(express.urlencoded());
app.use(bodyParser,urlencoded({extended:true}));
//然后再get/post操作

当然，如果前面是GET方式提交，node中直接用req.query即可，也就不需要中间件了。

那既然中间件这么“有用”，不如自己封装一个？
mxc-body-parser.js文件

// 仿body-parser中间件
const querystring=require('querystring');
module.exports=function(req,res,next){
	var str='';
	req.on('data',function(data){
		str+=data;
	});
	req.on('end',function(){
		req.body=querystring.parser(str);
		next();
	});
}
로그인 후 복사

然后在其他文件里引用：

const express=require('express');
const mxcParser=require('./lib/mxc-body-parser');
var server=express();
server.listen(8081);
server.use(mxcParser);
server.use('/',function(req,res){
	console.log(req.body);
});
로그인 후 복사

异常处理

——可视化
通常，异常处理都是全局进行的。

一般做法：throw new Error('测试功能异常');

비즈니스로 돌아가서 Express가 조치를 취합니다

express에 대한 우리의 첫 번째 지식은 노드의 웹 프레임워크입니다.

다음과 같이: express를 사용하여 웹 애플리케이션 구축

function error_handler_middleware(err,req,res,next){
	if(err){
		let {message}=err;
		res.status(500).json({
			message:`${message || '服务器异常'}`
		})
	}else{
		//其余操作
	}
}
...
app.use(error_handler_middleware);   //放在所有Router最后，做中间件用
로그인 후 복사
app.js를 src 디렉터리(자체 구축 폴더) 아래에 설정하세요.

npm install express mysql2 sequelize nodemon sequelize-cli -S
로그인 후 복사
로그인 후 복사

코드의 세 번째 줄을 보세요. http를 생각해 보셨나요?

const server=http.createServer((req,res)=>{...});🎜 여기의 서버는 위의 앱과 동일합니다. 하지만 앱의 req가 express로 캡슐화되고 더 풍부한 기능을 갖고 있기 때문에 두 req는 다릅니다. 🎜
🎜package.json(생성된 구성 파일)에서 수정: 🎜
"database":"数据库表名",
"timezone":"+08:00"
로그인 후 복사
로그인 후 복사
🎜위 코드에서 매개변수를 전달하는 방법은 무엇입니까? 🎜
npx sequelize db:migrate
로그인 후 복사
로그인 후 복사
🎜🎜라우터 소개 및 🎜🎜🎜🎜웹 서비스를 사용하여 요청을 처리하는 방법🎜🎜 url --> dns 해상도 --> 대상 서버 type : disc;">
  • 🎜이 요청에 응답하는 방법 - 라우팅! (규칙)🎜
  • 🎜구별 방법 - 요청 메소드(get/post), uri(경로)🎜
    • use strict' ;
module. exports = (sequelize, DataTypes) => {
	const Todo = sequelize.define( 'Todo', {
		name: DataTypes. STRING,
		deadLine: DataTypes .DATE,
		content: DataTypes. STRING
	}，{
		timestamps:false
	}) ;
	Todo. associate = function(models) {
		// associations can be def ined here
	};	
	return Todo;
};
    로그인 후 복사
    로그인 후 복사
    🎜🎜Routing API🎜🎜🎜API를 정의하고, 필요 클라이언트를 만족시키세요. 어떤 요청 방식이든 응답을 받을 수 있습니다🎜
    app.post('/create',async (req,res,next)=>{
	try{
		let {name,deadline,content}=req.body;
		//持久化到数据库
		let todo=await models.Todo.create({
			name,
			deadline,
			content
		})
		res.json({
			todo,
			message:'任务创建成功'
		})
	}catch(err){
		next(error)
	}
})
    로그인 후 복사
    로그인 후 복사
    🎜클라이언트가 어떤 URI를 사용하든 우리 서비스는 응답할 수 있습니다(로그)🎜
    app.use((err,req,res,next)=>{
	if(err){
		res.status(500).json({
			message:err.message
		})
	}
})
    로그인 후 복사
    로그인 후 복사
    🎜🎜app.use --> Middleware🎜🎜rrreee🎜🎜 라우팅을 분할하는 방법은 무엇입니까? 🎜 —— express.Router🎜🎜member.router.js 파일에서: 🎜rrreee🎜app.js에서 "🎜Register Route🎜":🎜rrreee🎜이제 skuRouter에 대한 또 다른 경로를 작성하고 해당 URI에도 " /list가 있습니다. ". 🎜 등록 후. 찾을 수 없는 경우(인쇄할 수 없는 경우) 어떻게 해야 합니까? 🎜🎜사실 경로에 "접두사"(즉, "루트")를 추가하여 구별할 수 있습니다. 🎜rrreee🎜🎜middleware🎜🎜🎜🎜express middleware🎜🎜🎜사용법: 🎜
    • 🎜앱 수준 사용(등록 시 최상위/끝에 있어야 함)🎜
    • 🎜라우터 수준🎜
    • 🎜예외 처리 🎜
    🎜🎜 (일반) 미들웨어 🎜🎜🎜 먼저 "미들웨어"가 필요한 이유에 대한 질문을 고려해야 합니다. 프로그램은 한 단계로 "완료"될 수 없습니다. 🎜🎜예를 들어 다음 데모를 살펴보세요. 입력 콘텐츠 가져오기: 🎜rrreeerrreeerrreee🎜 이것이 평소보다 "추가" 줄이라는 것은 의심의 여지가 없습니다. server.use(bodyParser,urlencoded({})); 이른바 '미들웨어 활용'이다. 🎜🎜이제 또 다른 질문에 대해 생각해 볼 시간입니다. 왜 프로그램이 한 단계로 완료될 수 없는 걸까요? 🎜 위 코드처럼 POST의 req에 "body"가 있어야 하나요? 🎜 당연히 그러면 안 됩니다. 몸은 애초에 존재하지 않습니다! (그렇지 않으면 여전히 ajax용 데이터를 사용하나요?) 🎜🎜하지만 지금은 정말 필요합니다. 따라서 2행 <code>const bodyParser=require('body-parser');는 "미들웨어 모듈"에 적용되고 5행은 전체 "체인 작업"(두 사용 연결됨)을 " Installed a body . 🎜
    🎜일반적으로 실제 전투에서는 "완전한" 매개변수 구문 분석 방법을 형성하기 위해 세 가지 미들웨어를 작성합니다: 🎜app.use(express.json());🎜 app.use(express.urlencoded());🎜app.use(bodyParser,urlencoded({extended:true}));🎜//그런 다음 다시 get/post Operation🎜
    🎜물론, 이전 제출이 GET 모드인 경우 노드에서 직접 req.query를 사용하면 되므로 미들웨어가 필요하지 않습니다. 🎜🎜미들웨어는 매우 "유용"하므로 직접 캡슐화해 보는 것은 어떨까요? 🎜🎜mxc-body-parser.js 파일🎜🎜rrreee🎜그런 다음 다른 파일에서 참조하세요. 🎜rrreee🎜🎜예외 처리🎜🎜🎜——시각화🎜 일반적으로 예외 처리는 전역적으로 수행됩니다. 🎜🎜일반적인 접근 방식: 새 오류 발생('테스트 함수 예외');🎜 node-express 내장 예외 처리: 🎜rrreee🎜🎜실제 전투에서 ORM 모델 생성🎜🎜🎜🎜에 대해 이야기해 보겠습니다. 데이터베이스 초기화 먼저 🎜🎜🎜mysql을 생성한 후 node와 mysql을 연결해야 합니다. 사용된 도구: 🎜
    npm install express mysql2 sequelize nodemon sequelize-cli -S
    로그인 후 복사
    로그인 후 복사

    连接成功后会生成config.json配置文件，我们在development选项中修改和添加：

    "database":"数据库表名",
"timezone":"+08:00"
    로그인 후 복사
    로그인 후 복사

    持久化模型对应的数据库表：

    npx sequelize db:migrate
    로그인 후 복사
    로그인 후 복사

    前端数据如何往mysql中写？

    调用todo.js模块：

    use strict' ;
module. exports = (sequelize, DataTypes) => {
	const Todo = sequelize.define( 'Todo', {
		name: DataTypes. STRING,
		deadLine: DataTypes .DATE,
		content: DataTypes. STRING
	}，{
		timestamps:false
	}) ;
	Todo. associate = function(models) {
		// associations can be def ined here
	};	
	return Todo;
};
    로그인 후 복사
    로그인 후 복사

    使用：创建第一个todo：（初始时）

    app.post('/create',async (req,res,next)=>{
	try{
		let {name,deadline,content}=req.body;
		//持久化到数据库
		let todo=await models.Todo.create({
			name,
			deadline,
			content
		})
		res.json({
			todo,
			message:'任务创建成功'
		})
	}catch(err){
		next(error)
	}
})
    로그인 후 복사
    로그인 후 복사

    最后的next传给谁？

    我们之前说，在全局最后创建一个use，用于错误处理：

    app.use((err,req,res,next)=>{
	if(err){
		res.status(500).json({
			message:err.message
		})
	}
})
    로그인 후 복사
    로그인 후 복사

    更多编程相关知识，请访问：编程入门！！

    위 내용은 nodejs의 express에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

    핫 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를 무료로 생성하십시오.

    더보기

    인기 기사

    R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
    3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. 최고의 그래픽 설정
    3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
    어 ass 신 크리드 그림자 : 조개 수수께끼 솔루션
    2 몇 주 전 By DDD
    R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
    3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
    WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
    4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
    더보기

    뜨거운 도구

    메모장++7.3.1

    메모장++7.3.1

    사용하기 쉬운 무료 코드 편집기

    SublimeText3 중국어 버전

    SublimeText3 중국어 버전

    중국어 버전, 사용하기 매우 쉽습니다.

    스튜디오 13.0.1 보내기

    스튜디오 13.0.1 보내기

    강력한 PHP 통합 개발 환경

    드림위버 CS6

    드림위버 CS6

    시각적 웹 개발 도구

    SublimeText3 Mac 버전

    SublimeText3 Mac 버전

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

    더보기

    뜨거운 주제

    Gmail 이메일의 로그인 입구는 어디에 있나요?
    7489
    15
    Cakephp 튜토리얼
    1377
    52
    Steam의 계정 이름 형식은 무엇입니까?
    77
    11
    Win11 활성화 키 영구
    52
    19
    NYT 연결 힌트와 답변
    19
    41
    더보기
    Related knowledge
    nodejs는 백엔드 프레임워크인가요? nodejs는 백엔드 프레임워크인가요? Apr 21, 2024 am 05:09 AM

    Node.js는 고성능, 확장성, 크로스 플랫폼 지원, 풍부한 생태계, 개발 용이성 등의 기능을 제공하므로 백엔드 프레임워크로 사용할 수 있습니다.

    nodejs를 mysql 데이터베이스에 연결하는 방법 nodejs를 mysql 데이터베이스에 연결하는 방법 Apr 21, 2024 am 06:13 AM

    MySQL 데이터베이스에 연결하려면 다음 단계를 따라야 합니다. mysql2 드라이버를 설치합니다. mysql2.createConnection()을 사용하여 호스트 주소, 포트, 사용자 이름, 비밀번호 및 데이터베이스 이름이 포함된 연결 개체를 만듭니다. 쿼리를 수행하려면 Connection.query()를 사용하세요. 마지막으로 Connection.end()를 사용하여 연결을 종료합니다.

    nodejs의 전역 변수는 무엇입니까 nodejs의 전역 변수는 무엇입니까 Apr 21, 2024 am 04:54 AM

    Node.js에는 다음과 같은 전역 변수가 존재합니다. 전역 개체: 전역 핵심 모듈: 프로세스, 콘솔, 필수 런타임 환경 변수: __dirname, __filename, __line, __column 상수: undefine, null, NaN, Infinity, -Infinity

    nodejs와 java 사이에 큰 차이가 있나요? nodejs와 java 사이에 큰 차이가 있나요? Apr 21, 2024 am 06:12 AM

    Node.js와 Java의 주요 차이점은 디자인과 기능입니다. 이벤트 중심 대 스레드 중심: Node.js는 이벤트 중심이고 Java는 스레드 중심입니다. 단일 스레드 대 다중 스레드: Node.js는 단일 스레드 이벤트 루프를 사용하고 Java는 다중 스레드 아키텍처를 사용합니다. 런타임 환경: Node.js는 V8 JavaScript 엔진에서 실행되는 반면 Java는 JVM에서 실행됩니다. 구문: Node.js는 JavaScript 구문을 사용하고 Java는 Java 구문을 사용합니다. 목적: Node.js는 I/O 집약적인 작업에 적합한 반면, Java는 대규모 엔터프라이즈 애플리케이션에 적합합니다.

    nodejs 설치 디렉토리에 있는 npm과 npm.cmd 파일의 차이점은 무엇입니까? nodejs 설치 디렉토리에 있는 npm과 npm.cmd 파일의 차이점은 무엇입니까? Apr 21, 2024 am 05:18 AM

    Node.js 설치 디렉터리에는 npm과 npm.cmd라는 두 가지 npm 관련 파일이 있습니다. 차이점은 다음과 같습니다. 확장자가 다릅니다. npm은 실행 파일이고 npm.cmd는 명령 창 바로 가기입니다. Windows 사용자: npm.cmd는 명령 프롬프트에서 사용할 수 있으며, npm은 명령줄에서만 실행할 수 있습니다. 호환성: npm.cmd는 Windows 시스템에만 해당되며 npm은 크로스 플랫폼에서 사용할 수 있습니다. 사용 권장사항: Windows 사용자는 npm.cmd를 사용하고, 기타 운영 체제는 npm을 사용합니다.

    nodejs는 백엔드 개발 언어인가요? nodejs는 백엔드 개발 언어인가요? Apr 21, 2024 am 05:09 AM

    예, Node.js는 백엔드 개발 언어입니다. 서버 측 비즈니스 로직 처리, 데이터베이스 연결 관리, API 제공 등 백엔드 개발에 사용됩니다.

    nodejs 프로젝트를 서버에 배포하는 방법 nodejs 프로젝트를 서버에 배포하는 방법 Apr 21, 2024 am 04:40 AM

    Node.js 프로젝트의 서버 배포 단계: 배포 환경 준비: 서버 액세스 권한 획득, Node.js 설치, Git 저장소 설정. 애플리케이션 빌드: npm run build를 사용하여 배포 가능한 코드와 종속성을 생성합니다. Git 또는 파일 전송 프로토콜을 통해 서버에 코드를 업로드합니다. 종속성 설치: SSH를 서버에 연결하고 npm install을 사용하여 애플리케이션 종속성을 설치합니다. 애플리케이션 시작: node index.js와 같은 명령을 사용하여 애플리케이션을 시작하거나 pm2와 같은 프로세스 관리자를 사용합니다. 역방향 프록시 구성(선택 사항): Nginx 또는 Apache와 같은 역방향 프록시를 사용하여 트래픽을 애플리케이션으로 라우팅합니다.

    nodejs와 java 중 어느 것을 선택해야 합니까? nodejs와 java 중 어느 것을 선택해야 합니까? Apr 21, 2024 am 04:40 AM

    Node.js와 Java는 각각 웹 개발에 장단점이 있으며 선택은 프로젝트 요구 사항에 따라 다릅니다. Node.js는 실시간 애플리케이션, 신속한 개발 및 마이크로서비스 아키텍처에 탁월한 반면, Java는 엔터프라이즈급 지원, 성능 및 보안에 탁월합니다.

    See all articles