> 웹 프론트엔드 > JS 튜토리얼 > ExpressJS 시작하기 example_node.js

ExpressJS 시작하기 example_node.js

WBOY
풀어 주다: 2016-05-16 16:20:06
원래의
958명이 탐색했습니다.

1. 프로젝트 디렉토리를 생성합니다.

코드 복사 코드는 다음과 같습니다.

>md hello-world

2. 이 디렉터리에 들어가서 프로젝트 구성 파일 package.json을 정의합니다.
정확한 정의를 위해 다음 명령을 사용할 수 있습니다.
코드 복사 코드는 다음과 같습니다.

D:tmpnodehello-world> npm 정보 익스프레스 버전
npm http GET https://registry.npmjs.org/express
npm http 200 https://registry.npmjs.org/express
3.2.1

이제 우리는 ExpressJS 프레임워크의 최신 버전이 3.2.1이고 구성 파일은 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.

{
"이름": "hello-world",
"description": "hello world 테스트 앱",
"버전": "0.0.1",
"비공개": 사실,
"종속성": {
"익스프레스": "3.2.1"
}  
}

3. npm을 사용하여 프로젝트가 의존하는 패키지를 설치합니다.

코드 복사 코드는 다음과 같습니다.

>npm 설치

종속 패키지의 npm 설치가 완료되면 node_modules의 하위 디렉터리가 프로젝트 루트 디렉터리에 나타납니다. 프로젝트 구성에 필요한 Express 패키지가 여기에 저장됩니다. 확인되면 다음 명령을 실행할 수 있습니다.
코드 복사 코드는 다음과 같습니다.

>npmls
PS D:tmpnodehello-world> npm ls
npm WARN package.json hello-world@0.0.1 README.md 파일을 찾을 수 없습니다.
hello-world@0.0.1 D:tmpnodehello-world
└─┬ express@3.2.1
├── buffer-crc32@0.2.1
├── Commander@0.6.1
├─┬ connect@2.7.7
│ ├── bytes@0.2.0
│ ├── formidable@1.0.13
│ └── Pause@0.0.1
├── cookie@0.0.5
├── cookie-signature@1.0.1
├── debug@0.7.2
├── fresh@0.1.0
├── 메소드@0.0.1
├── mkdirp@0.3.4
├── qs@0.6.1
├── range-parser@0.0.4
└─┬ send@0.1.0
└── mime@1.2.6

이 명령은 익스프레스 패키지와 해당 종속성을 보여줍니다.

4. 애플리케이션 만들기

이제 애플리케이션 자체 제작을 시작해 보세요. app.js 또는 server.js 중 원하는 파일을 만듭니다. express()를 사용하여 표현을 참조하고 새 애플리케이션을 만듭니다.

코드 복사 코드는 다음과 같습니다.

// app.js
var express = require('express')
var 앱 = 표현()

다음으로 app.verb()를 사용하여 경로를 정의할 수 있습니다.
예를 들어 "Hello World" 문자열에 응답하려면 "GET /"을 사용하세요. res와 req는 Node에서 제공하는 정확한 개체이므로 res.pipe() 또는 req.on('data', callback) 등을 호출할 수 있습니다. .

코드 복사 코드는 다음과 같습니다.

app.get('/hello.txt', function(req, res){
var body = '안녕하세요 세계'
; res.setHeader('Content-Type', 'text/plain')
res.setHeader('Content-Length', body.length)
Res.end(본문)
})

ExpressJS 프레임워크는 Content-Length 추가와 같은 작업을 저장할 수 있는 res.send()와 같은 상위 수준 메서드를 제공합니다. 다음과 같습니다:

코드 복사 코드는 다음과 같습니다.

app.get('/hello.txt', function(req, res){
res.send('안녕하세요')
})

이제 app.listen() 메소드를 호출하고 다음과 같은 매개변수를 수신할 수 있습니다.

5. 프로그램 실행

이제 프로그램을 실행하고 다음 명령을 실행하세요.

코드 복사 코드는 다음과 같습니다.

> 노드 app.js

브라우저를 사용하여 주소에 액세스하십시오: http://localhost:3000/hello.txt
출력을 볼 수 있습니다:
코드 복사 코드는 다음과 같습니다.

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