빠른 개요
- Node.js의 미들웨어란 무엇입니까?
- Node.js의 Body-Parser 미들웨어란 무엇입니까?
- Node.js에서 Body-parser 미들웨어를 사용하는 방법은 무엇입니까?
- 결론
Node.js의 미들웨어 기본부터 시작해 보겠습니다.
Node.js의 미들웨어란 무엇입니까?
미들웨어 애플리케이션 요청-응답 주기에서 다음 미들웨어 기능으로 이동하여 순차적으로 객체를 요청하고, 객체에 응답하고, 기능을 실행할 수 있는 접근 권한을 부여하는 기능입니다. 또한 확인, 요청 본문 구문 분석 등과 같은 작업을 수행하기 위해 요청 및 응답 개체를 수정할 수 있는 액세스 권한도 제공합니다.
Node.js의 Body-Parser 미들웨어란 무엇입니까?
“ 본문 파서 ”는 HTTP POST 요청을 관리하는 본문 구문 분석 미들웨어입니다. 'POST' 요청은 리소스를 생성하거나 수정하기 위해 데이터를 서버로 보냅니다. 'bode-parser' 미들웨어는 들어오는 요청 본문을 JavaScript 개체(애플리케이션 콘텐츠 유형이 JSON인 경우) 및 HTML 양식(MIME 유형이 application/x-www-form-urlencoded인 경우)으로 구문 분석합니다. 완료되면 응용 프로그램에서 사용할 수 있습니다.
body-parser 미들웨어의 기본 사항을 익힌 후 사용법을 살펴보겠습니다.
Node.js에서 Body-parser 미들웨어를 사용하는 방법은 무엇입니까?
Node.js에서 body-parser 미들웨어를 사용하려면 아래 지침 단계를 따르세요.
- 1단계: Node.js 프로젝트 초기화
- 2단계: 본문 파서 설치
- 3단계: Express 및 EJS 설치
- 4단계: EJS 템플릿 생성
- 5단계: 본문 파서 미들웨어 사용
- 6단계: Node.js 애플리케이션 배포
Node.js 프로젝트 초기화부터 시작해 보겠습니다.
1단계: Node.js 프로젝트 초기화
먼저, 아래 명시된 “를 실행하여 Node.js 프로젝트를 초기화합니다. npm (노드 패키지 관리자)” 초기화 명령:
npm 초기화 - 그리고위 명령에서 ' -그리고' 플래그는 모든 쿼리에 '예'로 대답하는 데 사용됩니다.
출력은 ' 패키지.json ” 파일은 다음 속성 집합을 포함하는 성공적으로 생성되었습니다.
2단계: 본문 파서 설치
다음으로, 아래 명시된 '를 실행하여 body-parser 패키지를 현재 Node.js 애플리케이션에 설치합니다. npm ' 설치 명령:
npm 설치 본문 - 파서아래 출력은 body-parser 패키지가 지정된 Node.js 애플리케이션에 성공적으로 설치되었음을 보여줍니다.
3단계: Express 및 EJS 설치
이제 “를 설치하세요. ~ 아니다 (Embedded JavaScript Templating)' 라이브러리를 Node.js 애플리케이션에 추가하세요. 'ejs'는 HTML 데이터를 일반 Javascript로 사용하는 Node.js에서 사용하는 잘 알려진 JavaScript 엔진입니다.
npm 설치 ejs현재 Node.js 애플리케이션에 'ejs' 라이브러리가 추가된 것을 볼 수 있습니다.
또한 “ 표현하다 Node.js 애플리케이션을 빠르고 쉽게 구축하기 위한 웹 프레임워크:
npm 설치 익스프레스Node.js 애플리케이션에도 'express'가 추가되었습니다.
4단계: EJS 템플릿 생성
필요한 모든 패키지가 설치되면 다음 코드 줄이 포함된 'ejs' 템플릿을 생성하고 ' SampleForm.ejs ” 파일:
문서 유형 HTML >< HTML >
< 머리 >
< 제목 > 몸 - 파서 미들웨어 제목 >
머리 >
< 몸 >
< 센터 >
< h1 > 샘플 일기 h1 >
< 행동을 취하다 = '데이터를 저장' 방법 = '우편' >
< 미리 >
< 상표 > 제목 : 상표 >< 입력 유형 = '텍스트' 이름 = '제목' > < br >
< 상표 > 날짜 상표 >< 입력 유형 = '날짜' 이름 = '날짜' >< br >
< 상표 > 날짜 상표 >< 입력 유형 = '날짜' 이름 = '날짜' >< br >
< 입력 유형 = '제출하다' 값 = '일기 제출' >< br >
미리 >
형태 >
센터 >
몸 >
HTML >
위 코드에 대한 설명은 다음과 같습니다.
- “ <제목> ” 태그는 HTML 문서의 제목을 지정합니다.
- “ <중앙> ” 태그는 콘텐츠를 웹페이지 중앙에 정렬합니다.
- “ ” 태그는 첫 번째 수준 제목 요소를 삽입합니다.
- “ <양식> ” 태그는 사용자로부터 정보를 수집하는 양식 요소를 생성합니다. 'form' 요소 내부에는 ' 행동 ” 속성은 양식 제출 시 수행되는 작업을 지정하고 “ 방법 'post' 값을 갖는 속성은 서버로 데이터를 전송합니다.
- “ <예비> ” 태그는 소스 코드와 동일하게 고정된 글꼴 너비로 페이지에 지정된 요소를 표시합니다.
- “ <라벨> ” 태그는 입력 필드의 레이블을 지정합니다.
- “ <입력> ' 유형은 ' 유형의 입력 필드를 추가합니다. 텍스트 ” 그리고 이름은 “ 제목 '.
- 다음 두 개의 ' ' 태그는 지정된 유형 및 이름의 입력 필드를 추가합니다.
5단계: 본문 파서 미들웨어 사용
이제 '.js' 파일을 만듭니다. index.js ” 그리고 거기에 포함된 body-parser 미들웨어를 사용하여 들어오는 모든 요청의 본문을 구문 분석합니다. '.js' 파일이 생성되면 다음 코드 줄을 복사하세요.
const 바디파서 = 필요하다 ( '본문 파서' )const 표현하다 = 필요하다 ( '표현하다' )
const 길 = 필요하다 ( '길' )
const 앱 = 표현하다 ( )
포트를 보자 = 프로세스. 환경 . 포트 || 8080
앱. 세트 ( '견해' , 길. 가입하다 ( __dirname ) )
앱. 세트 ( '뷰 엔진' , '아니요' )
앱. 사용 ( 바디 파서. Urlencoded ( { 펼친 : 진실 } ) )
앱. 사용 ( 바디 파서. JSON ( ) )
앱. 얻다 ( '/' , 기능 ( 요청, 입술 ) {
입술. 세우다 ( '샘플양식' )
} ) ;
앱. 우편 ( '/데이터를 저장' , ( 요청, 입술 ) => {
콘솔. 통나무 ( '본문 파서 사용: ' , 요구 사항 몸 )
} )
앱. 듣다 ( 포트, 기능 ( 오류 ) {
만약에 ( 오류 ) 던지다 오류
콘솔. 통나무 ( '포트에 생성된 서버' , 포트 )
} )
위에서 언급한 코드 라인에 대한 설명은 다음과 같습니다.
- 첫째, “ 필요하다() ” 메소드는 현재 Node.js 애플리케이션의 “body-parser”, “express” 및 “path” 모듈을 가져옵니다.
- 다음으로 '를 사용하여 Express 애플리케이션의 인스턴스를 생성합니다. 표현하다() ” 생성자.
- 그 후, “ 프로세스.env ' 속성은 기본 '에서 로컬 서버를 실행합니다. 포트 '. 기본 포트가 사용 중인 경우 서버는 ' 8080 '.
- 이제 지정된 미들웨어의 도움으로 뷰 엔진을 설정합니다. 여기서 '뷰'는 모든 웹 페이지가 저장되는 폴더를 나타내고 ' 경로.조인() ” 메소드는 현재 디렉토리의 경로 세그먼트를 결합하고 단일 경로를 생성합니다.
- 모든 작업이 완료되면 ' 앱.사용() ” 메소드는 지정된 “ 본문 파서 ” 주어진 경로의 미들웨어. 이 본문 파서 미들웨어는 “ Urlencoded 'content-type' 헤더가 'type' 옵션과 일치하는 'urlencoded' 본문만 구문 분석하는 파서입니다.
- 두 번째 '본문 파서'는 ' JSON ” 들어오는 요청의 본문을 키-값 형식의 JSON 개체로 구문 분석하는 파서입니다.
- “ app.get() ” 메소드는 지정된 경로에서 HTTP “GET” 요청을 전송하고 “ 요구 (요청)”, “ 입술 (응답)” 매개변수입니다.
- 콜백 함수 내에서 “ res.렌더링() ” 메소드는 지정된 콜백 함수가 실행될 때 응답을 렌더링합니다.
- 'app.post()' 메소드는 URL에 데이터를 표시하지 않기 때문에 더 안전한 HTTP 'POST' 요청을 보냅니다. 또한 “를 사용하는 콜백 함수를 정의합니다. 요청 본문 ” 입력 필드에서 데이터를 가져옵니다.
- 마지막으로 “ app.listen() ” 메소드는 지정된 포트에 연결을 구축하고 콜백 함수를 정의합니다. 이 함수에서는 “ 만약에 ” 문이 프로그램 실행 중에 발생하면 오류가 발생하고 “ 콘솔.로그() ” 콘솔에 확인 메시지가 표시됩니다.
6단계: Node.js 애플리케이션 배포
마지막으로 '를 사용하여 Node.js 애플리케이션을 배포합니다. 마디 ” 키워드를 이렇게 사용하세요.
노드 인덱스. JS
위 명령을 실행하면 지정된 포트에 서버가 성공적으로 생성되었다는 확인 메시지가 표시됩니다.
이제 다음 URL을 방문하세요. http://localhost:8080 샘플 다이어리를 보시려면 “Sample Diary” 웹 페이지에서 모든 입력 필드를 채우고 “ 일기 제출 ” 버튼을 눌러 콘텐츠를 저장하세요.
정보를 제출한 후 터미널은 'Sample Diary'에 사용된 HTML 요소의 모든 본문을 JSON 개체로 자동으로 표시하는 것을 볼 수 있습니다.
Node.js에서 body-parser 미들웨어를 사용하는 것이 전부입니다.
결론
“를 사용하려면 본문 파서 ” Node.js에서는 “ Urlencoded ' 그리고 ' JSON 들어오는 모든 요청의 본문을 구문 분석하고 이를 JSON 개체로 표시하는 파서입니다. 'POST' 요청 본문을 처리하고 이를 구문 분석하여 HTML 문서에 사용된 모든 요소의 콘텐츠를 검색합니다. 이는 들어오는 HTTP 요청 본문에서 보낸 날짜를 처리하는 간단하고 쉬운 방법을 제공합니다. 이 게시물은 Node.js에서 body-parser 미들웨어의 사용을 실제로 보여주었습니다.