찾다
웹 프론트엔드JS 튜토리얼Connect를 시작합니다

Connect를 시작합니다 키 테이크 아웃

Connect는 Node.js를위한 확장 가능한 HTTP 서버 프레임 워크로, 개발자는 미들웨어 플러그인을 사용하여 모듈 식 및 재사용 가능한 구성 요소를 작성할 수 있습니다. 이 플러그인은 요청을 처리하고 전달하거나 요청을 직접 처리합니다.

미들웨어 구성 요소는 요청, 응답 및 다음 매개 변수를 수락하는 함수를 사용하여 작성됩니다. '다음'매개 변수는 체인의 다음 핸들러를 나타냅니다. 그런 다음 사용 () 함수를 사용하여 Connect Server 에서이 구성 요소를 사용합니다. 여러 미들웨어 구성 요소가 연결에 사용될 수 있으며 각 구성 요소는 요청 세부 사항을 로깅 또는 응답 제공과 같은 특정 기능을 수행합니다. 미들웨어 사용 순서는 서버에 추가되는 순서대로 실행되므로 중요합니다. Connect를 사용하면 웹 사이트의 특정 섹션에 대한 인증 처리기를 추가 할 수 있습니다. 이는 사용 () 함수를 사용하여 달성되며, 첫 번째 매개 변수를 request.url의 경로로 가져갈 수 있습니다. 인증 핸들러는 인증 헤더를 확인하고 사용자 이름/비밀번호 쌍을 디코딩하고 JSON 파일에 대해 승인을 확인합니다.

모듈 식 및 재사용 가능한 구성 요소를 작성 해야하는 경우 Connect가 최상의 솔루션이 될 수 있습니다. 미들웨어로 알려진 "플러그인"을 사용하는 Node.js 용 Extensible HTTP 서버 프레임 워크를 다루고 있습니다. 미들웨어 구성 요소는 요청을받은 다음 일부 처리를 수행하는 플러그인으로 요청을 처리하고 종료하거나 다음 미들웨어 플러그인에서 전달할 수 있습니다. 요청을 처리하고 다음 핸들러에 전달하는 플러그인을 필터 라고하며, 실제로 요청을 처리하는 것은
    제공자 라고합니다. 첫 번째 그룹에서는 몇 가지 예제를 언급하기 위해 요청 로깅 로깅 플러그인 또는 인증 플러그인을 찾을 수 있습니다. 공급자는 주로 응용 프로그램의 비즈니스 논리의 일부가 될 것입니다.
  • . 이 기사에서는 node.js 응용 프로그램에서 시작하고 연결 미들웨어 프레임 워크를 사용하는 방법을 볼 수 있습니다. Connect Node.js의 경우 패키지 종속성은 NPM으로 수행되므로 응용 프로그램에 필요한 종속 패키지를 지정하고 가져올 수 있습니다. NPM의 패키지 종속성은 package.json이라는 파일에 정의됩니다. 이 파일은 손으로 작성할 수 있지만 NPM 명령을 사용하여 작성하는 것이 더 좋고 강력하게 권장됩니다. 이 작업을 달성하려면 다음 명령을 실행하십시오.

    그런 다음 표시되는 질문에 대한 Eply (예 : 패키지 이름 등). 완료되면 "package.json"파일은 아래의 내용과 컨텐츠가있는 루트 폴더에 나타납니다.

    이 파일에는 이미 프로젝트에 대한 정보가 포함되어 있지만 종속성은 없습니다. 의존성으로 연결하려면 "package.json"파일에 종속성 값을 추가하고 다음과 같이 업데이트해야합니다.
    $ npm init
    또는 명령을 실행할 수 있습니다.
    <span>{
    </span>  <span>"name": "nodejs-connect-demo",
    </span>  <span>"version": "1.0.0",
    </span>  <span>"description": "Demo on how to use connect framework for Node.js",
    </span>  <span>"main": "server.js",
    </span>  <span>"scripts": {
    </span>    <span>"test": "echo \"Error: no test specified\" && exit 1"
    </span>  <span>},
    </span>  <span>"repository": {
    </span>    <span>"type": "git",
    </span>    <span>"url": "https://github.com/abbassoftware/nodejs-connect-demo.git"
    </span>  <span>},
    </span>  <span>"keywords": [
    </span>    <span>"connect"
    </span>  <span>],
    </span>  <span>"author": "Abbas",
    </span>  <span>"license": "",
    </span>  <span>"bugs": {
    </span>    <span>"url": "https://github.com/abbassoftware/nodejs-connect-demo/issues"
    </span>  <span>},
    </span>  <span>"homepage": "https://github.com/abbassoftware/nodejs-connect-demo"
    </span><span>}</span>
    이 시점에서 다음 NPM 명령을 실행하여 모든 종속성을 다운로드 할 수 있습니다 (이 경우에만 연결).

    요청에 응답하기 위해 "hello world"구성 요소를 작성합니다 종속성이 지정되면 Hello Connect 응답을 사용하여 모든 요청에 ​​응답하는 미들웨어 제공 업체를 작성할 수 있습니다. 이렇게하려면 Node.js 프로젝트 디렉토리에 "Server.js"파일을 작성하고 다음 코드를 추가하십시오.

    위의 코드에서는 먼저 node.js require () 함수를 사용하여 연결 모듈을로드 한 다음 함수의 리턴 값을 사용하여 서버를 만듭니다. 둘째, 우리는 미들웨어 구성 요소를 만듭니다. 그것은 기능 일뿐입니다. , 응답 및 다음. 다음은 체인의 다음 핸들러를 나타냅니다. SayHello () 함수는 응답 객체에서 헤더와 응답 텍스트를 설정합니다. 그 후 우리는 사용 () 함수 덕분 에이 미들웨어 구성 요소를 사용합니다. 마지막으로 서버가 포트 3031에서 청취 할 수 있습니다. 이제 아래 명령을 사용하여 Connect 앱을 실행할 수 있습니다.
    <span>{
    </span>  <span>...
    </span>  <span>"dependencies": {
    </span>        <span>"connect": "3.x"
    </span>  <span>},
    </span>  <span>...
    </span><span>}</span>
    브라우저를 LocalHost : 3031에 가리키면 다음과 같이 출력을 볼 수 있어야합니다.
    npm install connect --save
    요청 및 응답 객체 이 섹션에서는 이전 섹션에서 언급 한 요청, 응답 및 다음 매개 변수를 탐구합니다. 요청 객체는 들어오는 요청에 대한 세부 사항을 보유합니다. 요청 객체에서 가장 중요한 정보 중 일부는 다음과 같습니다.
      메소드 : 요청 유형을 포함합니다 : get, post 등. url : 요청의 전체 URL을 포함합니다. 이 URL을 구문 분석하여 요청을 얻기위한 쿼리 매개 변수를 얻을 수 있습니다.
    • 헤더 : 요청 헤더에 사용할 수있는 속성입니다.
    • 응답 객체는 다시 전송 될 응답을 보유합니다. 응용 프로그램에 따라 헤더와 데이터를 추가 할 수 있습니다. 응답 객체의 몇 가지 중요한 기능은 다음과 같습니다
    • setheader () :이 메소드는 응답에 헤더를 추가합니다. removeHeader () :이 메소드는 응답의 헤더를 제거합니다 <: :> write () : 응답 객체에 부분 응답을 작성하는 것이 유용합니다. <: :> end () : 응답의 끝을 표시하는 데 사용되는 메소드입니다.
    • Connect
    에서 여러 미들웨어 구성 요소 사용을 사용합니다 마지막 섹션에서는 모든 요청에 ​​'Hello Connect'로 응답하는 미들웨어 제공 업체를 만들었습니다. 이제 들어오는 요청의 세부 사항을 기록하는 필터 미들웨어가 하나 더 추가됩니다. 그런 다음 응답을 반환 할 Sayhello ()에게 요청을 전달합니다. 이 다른 작업을 수행하려면 다음 코드로 "Server.js"파일을 업데이트합니다.

    위의 코드에서는 loggingmiddleware () 함수를 사용하여 하나 이상의 미들웨어 구성 요소를 추가했습니다. URL과 요청 방법을 기록하고 가능한 이름을 인쇄하도록 URL을 구문 분석합니다. 제공된 매개 변수. 그런 다음 다음 핸들러에게 요청을 전달하는 다음 () 함수를 호출합니다. Connect Server가 포트를 듣게되면 먼저 LoggingMiddleware ()를 사용한 다음 SayHello ()를 사용합니다. 이제 node.js 서버를 시작하고 다음 명령을 실행하면 다음과 같습니다.

    우리는 다음 메시지를 볼 수 있습니다 :
      인증 핸들러 추가 다음으로해야 할 일은 HTTP의 기본 액세스 인증을 사용하여 웹 사이트의 관리 섹션에 인증을 추가하는 것입니다. 그렇게하려면 서버의 관리자 섹션에 대해서만 핸들러를 실행할 수있는 방법을 탐색해야합니다. Connect의 사용 () 함수는 첫 번째 매개 변수를 request.url의 경로로 가져갈 수 있습니다. 따라서 관리자 섹션에서만 인증 핸들러를 원한다면 다음과 같이 "Server.js"파일을 업데이트해야합니다.
  • 그런 다음 다음 내용과 같은 "Server.js"와 동일한 디렉토리에 "AuthDetails.json"파일을 작성해야합니다.
$ npm init
위의 코드에서는 공인 사용자의 사용자 이름 및 비밀번호 목록이 포함 된 JSON 객체가 포함 된 "AuthDetails.json"(방금 생성 된 것)이라는 JSON 파일을로드합니다. 그런 다음 웹 사이트의 관리 섹션에만 사용되는 Authenticateadmin이라는 하나의 연결 처리기를 추가합니다. 앞에서 언급 한 핸들러는 권한 부여 헤더를 확인한 다음 사용자 이름/비밀번호 쌍을 디코딩하고 승인을 위해 JSON 파일 내용에 대해 확인합니다. 요청이 승인되지 않은 경우 응답 코드 401에 대한 무단 응답이 클라이언트에게 전송됩니다. 이 업데이트를 사용하면 사이트의 관리자 섹션을 요청하면 출력이 다음과 같습니다. Connect를 시작합니다 결론 이 기사에서는 Connect라는 작고 강력한 Node.js 모듈의 기능을 심화 시켰습니다. 요청을 쉽게 처리 할 수 ​​있도록 미들웨어 구성 요소를 구축하는 데 도움이 될 수 있습니다. Connect 및 Middleware 플러그인을 사용하면 노력이 줄어들고보다 체계적이고 사용 가능한 프로젝트에서 응용 프로그램을 전환합니다. 당신은 어때요? 당신은 그것을 시도한 적이 있습니까? 토론을 시작합시다. Connect 에 대한 자주 묻는 질문 (FAQ)
node.js에서 Connect의 주요 목적은 무엇입니까? Connect는 node.js의 미들웨어 프레임 워크입니다. 미들웨어로 알려진 고급 플러그인 모음을 제공하는 간단하고 유연하며 강력한 도구입니다. 이 미들웨어 구성 요소는 로깅, 정적 파일 제공 및 세션 관리와 같은 다양한 작업을 수행합니다. 연결은 본질적으로 HTTP 요청 및 응답을 처리하는 파이프 라인 역할을합니다. 개발자는 다른 미들웨어 구성 요소를 연결하여 서버에 추가 기능을 추가 할 수 있습니다.

Connect는 Express.js와 다르게 어떻게 다른가? .js, express.js는 Connect 위에 구축되었습니다. 즉, Express.js에는 Connect의 모든 기능과 추가 기능이 포함되어 있습니다. Express.js는 템플릿 엔진, 단순화 된 다중 라우팅 및 미들웨어 인터페이스를 포함하여 웹 및 모바일 애플리케이션을위한보다 강력한 기능 세트를 제공합니다.

Connect를 설치하려면 어떻게해야합니까?

Connect를 설치하려면, Connect, Connect, Connect를 설치하십시오. 시스템에 Node.js 및 NPM (Node Package Manager)이 설치되어 있어야합니다. 이 경우 터미널에서 다음 명령을 실행하여 연결을 설치할 수 있습니다. Connect 애플리케이션에서 () 메소드를 사용하십시오. 사용 () 메소드는 인수로 미들웨어 함수를 취합니다. 이 미들웨어 기능은 Connect의 미들웨어 스택에 추가되며 요청이 서버에 요청 될 때마다 추가 된 순서대로 실행됩니다. Connect에서 나만의 미들웨어를 만들 수 있습니까?

예, Connect에서 나만의 미들웨어를 만들 수 있습니다. 미들웨어는 단순히 애플리케이션의 요청-응답주기에서 요청 객체, 응답 개체 및 다음 미들웨어 함수에 액세스 할 수있는 함수입니다. 이 기능은 요청 및 응답 객체에서 모든 작업을 수행 한 다음 스택에서 다음 미들웨어 함수를 호출 할 수 있습니다.

Connect Middleware에서 다음 () 함수의 역할은 무엇입니까? 다음 () 함수는 Connect Middleware의 함수로 호출 될 때 스택의 다음 미들웨어 기능으로 제어를 전달합니다. 미들웨어 함수가 다음에 다음 ()을 호출하지 않으면 요청-응답주기가 중단됩니다. 다른 미들웨어 또는 경로 처리기로 진행되지 않습니다.

Connect에서 오류를 처리하려면 어떻게해야합니까?

Connect는 오류 처리를위한 내장 미들웨어 기능을 제공합니다. 이 미들웨어 함수는 일반적인 3 가지 대신 네 가지 인수를 취합니다 : (err, req, res, next). 오류 인수와 함께 다음 () 함수를 호출하면 Connect는 스택에 남아있는 모든 미들웨어를 건너 뛰고이 오류 처리 미들웨어로 진행합니다.

다른 Node.js 프레임 워크와 연결할 수 있습니까?

. 예, Connect는 대부분의 node.js 웹 프레임 워크에서 원활하게 작동하도록 설계되었습니다. 실제로, Express.js와 같은 많은 인기있는 프레임 워크가 Connect 위에 구축되었습니다. 즉, 이러한 프레임 워크 내에서 Connect Middleware를 사용할 수 있음을 의미합니다.

Connect를 사용하여 정적 파일을 제공하는 방법?

Connect는 정적 파일을 제공하기위한 내장 미들웨어 기능을 제공합니다. 이 미들웨어 함수를 사용하여 지정된 디렉토리에서 파일을 제공 할 수 있습니다. 예를 들어, 'public'이라는 디렉토리의 정적 파일을 제공하려면 다음 코드를 사용합니다. app.use (connect.static ( 'public')). 🎜>

글을 쓰는 시점에서 Connect는 적극적으로 유지 관리 및 업데이트되지 않습니다. 마지막 업데이트는 몇 년 전에 만들어졌습니다. 그러나 여전히 널리 사용되며 기능은 안정적입니다. 보다 적극적으로 유지 관리되는 미들웨어 프레임 워크의 경우 Connect 위에 구축되어 추가 기능이 포함 된 Express.js를 사용하는 것을 고려할 수 있습니다.

위 내용은 Connect를 시작합니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
JavaScript 데이터 유형 : 브라우저와 Nodejs 사이에 차이가 있습니까?JavaScript 데이터 유형 : 브라우저와 Nodejs 사이에 차이가 있습니까?May 14, 2025 am 12:15 AM

JavaScript 코어 데이터 유형은 브라우저 및 Node.js에서 일관되지만 추가 유형과 다르게 처리됩니다. 1) 글로벌 객체는 브라우저의 창이고 node.js의 글로벌입니다. 2) 이진 데이터를 처리하는 데 사용되는 Node.js의 고유 버퍼 객체. 3) 성능 및 시간 처리에는 차이가 있으며 환경에 따라 코드를 조정해야합니다.

JavaScript 댓글 : / / * * /사용 안내서JavaScript 댓글 : / / * * /사용 안내서May 13, 2025 pm 03:49 PM

javaScriptUSTWOTYPESOFSOFCOMMENTS : 단일 라인 (//) 및 multi-line (//)

Python vs. JavaScript : 개발자를위한 비교 분석Python vs. JavaScript : 개발자를위한 비교 분석May 09, 2025 am 12:22 AM

Python과 JavaScript의 주요 차이점은 유형 시스템 및 응용 프로그램 시나리오입니다. 1. Python은 과학 컴퓨팅 및 데이터 분석에 적합한 동적 유형을 사용합니다. 2. JavaScript는 약한 유형을 채택하며 프론트 엔드 및 풀 스택 개발에 널리 사용됩니다. 두 사람은 비동기 프로그래밍 및 성능 최적화에서 고유 한 장점을 가지고 있으며 선택할 때 프로젝트 요구 사항에 따라 결정해야합니다.

Python vs. JavaScript : 작업에 적합한 도구 선택Python vs. JavaScript : 작업에 적합한 도구 선택May 08, 2025 am 12:10 AM

Python 또는 JavaScript를 선택할지 여부는 프로젝트 유형에 따라 다릅니다. 1) 데이터 과학 및 자동화 작업을 위해 Python을 선택하십시오. 2) 프론트 엔드 및 풀 스택 개발을 위해 JavaScript를 선택하십시오. Python은 데이터 처리 및 자동화 분야에서 강력한 라이브러리에 선호되는 반면 JavaScript는 웹 상호 작용 및 전체 스택 개발의 장점에 없어서는 안될 필수입니다.

파이썬 및 자바 스크립트 : 각각의 강점을 이해합니다파이썬 및 자바 스크립트 : 각각의 강점을 이해합니다May 06, 2025 am 12:15 AM

파이썬과 자바 스크립트는 각각 고유 한 장점이 있으며 선택은 프로젝트 요구와 개인 선호도에 따라 다릅니다. 1. Python은 간결한 구문으로 데이터 과학 및 백엔드 개발에 적합하지만 실행 속도가 느립니다. 2. JavaScript는 프론트 엔드 개발의 모든 곳에 있으며 강력한 비동기 프로그래밍 기능을 가지고 있습니다. node.js는 풀 스택 개발에 적합하지만 구문은 복잡하고 오류가 발생할 수 있습니다.

JavaScript의 핵심 : C 또는 C에 구축 되었습니까?JavaScript의 핵심 : C 또는 C에 구축 되었습니까?May 05, 2025 am 12:07 AM

javaScriptisNotBuiltoncorc; it'SangretedLanguageThatrunsonOngineStenWrittenInc .1) javaScriptWasDesignEdasAlightweight, 해석 hanguageforwebbrowsers.2) Endinesevolvedfromsimpleplemporectreterstoccilpilers, 전기적으로 개선된다.

JavaScript 응용 프로그램 : 프론트 엔드에서 백엔드까지JavaScript 응용 프로그램 : 프론트 엔드에서 백엔드까지May 04, 2025 am 12:12 AM

JavaScript는 프론트 엔드 및 백엔드 개발에 사용할 수 있습니다. 프론트 엔드는 DOM 작업을 통해 사용자 경험을 향상시키고 백엔드는 Node.js를 통해 서버 작업을 처리합니다. 1. 프론트 엔드 예 : 웹 페이지 텍스트의 내용을 변경하십시오. 2. 백엔드 예제 : node.js 서버를 만듭니다.

Python vs. JavaScript : 어떤 언어를 배워야합니까?Python vs. JavaScript : 어떤 언어를 배워야합니까?May 03, 2025 am 12:10 AM

Python 또는 JavaScript는 경력 개발, 학습 곡선 및 생태계를 기반으로해야합니다. 1) 경력 개발 : Python은 데이터 과학 및 백엔드 개발에 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 적합합니다. 2) 학습 곡선 : Python 구문은 간결하며 초보자에게 적합합니다. JavaScript Syntax는 유연합니다. 3) 생태계 : Python에는 풍부한 과학 컴퓨팅 라이브러리가 있으며 JavaScript는 강력한 프론트 엔드 프레임 워크를 가지고 있습니다.

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 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

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

SecList

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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