Node.js 에서 Express 서 비 스 를 만 드 는 방법 에 대한 자세 한 설명
4973 단어 Node.jsExpress 서비스 만 들 기
1.HttpServer 서버 서버 만 들 기
node.js 홈 페이지 에서 node 의 윈도 버 전 을 다운로드 한 후 다음 단계 에 node 를 설치 하고 server.js 파일 을 새로 만 들 고 첫 번 째 node 파일 을 시작 합 니 다.먼저 파일 시작 에 require 를 사용 하여 필요 한 모듈 을 포함 한 다음 http.createServer 를 이용 하여 server 를 만 들 고 리 셋 함 수 를 실행 해 야 합 니 다.리 셋 함수 에서 요청 req 를 처리 하고 res 결 과 를 되 돌려 줍 니 다.
url 의 parse 방법 을 이용 하여 req 요청 중의 url 을 json 으로 변환 한 후 요청 파일 이름 pathname 을 얻 습 니 다.그 다음 에 fs 의 readFile 방법 으로 파일 을 읽 고 함수 에서 오 류 를 판단 하고 파일 헤더 의 상태 코드 와'Content-type'을 설정 한 다음 에 파일 을 res 에 기록 하여 되 돌려 줍 니 다.마지막 으로 createServer 의 리 턴 방법 에서 res.end()를 끝 내 는 것 을 기억 합 니 다.
파일 마지막 에 server.listen()호출 하기;localhost 의 3000 포트 를 계속 감청 하고 있 습 니 다.
node 서 비 스 를 시작 합 니 다.폴 더 에 콘 솔 을 통 해 입력 하 십시오:node server.js.브 라 우 저의 localhost:3000/index.html 를 열 고 server.js 를 통 해 index.html 페이지 내용 을 방문 합 니 다.
const http=require('http');
const url=require('url');
const fs=require('fs');
//1、 server
let server=http.createServer((req,res)=>{
//2、
let pathname=url.parse(req.url).pathname;
//3、 fs
fs.readFile(pathname.substring(1),function (err,data) {
if (err){ // err, , 404
res.writeHead(404,{
"Content-Type":"text/html"
});
}else{ // , 200
res.writeHead(200,{
"Content-Type":"text/html"
});
res.write(data.toString()); //
}
res.end(); // readFile()
});
});
//4、 server localhost 3000
server.listen(3000,'localhost');
2.노드 요청 데이터Node 는 서버 로 서 다른 서버 의 데 이 터 를 요청 해 야 할 때 가 있 습 니 다.이때 node 는'클 라 이언 트'가 되 었 습 니 다.HTTP 의 get 방법 을 통 해 지정 한 사이트 인터페이스 에 api 호출,데이터 요청 을 할 수 있 습 니 다.예 를 들 어:
const http=require('http');
// HTTP
http.get('http://www.imooc.com/u/card',(res)=>{
let data='';
res.on('data',(temp)=>{ // , data
data+=temp;
});
res.on('end',()=>{ // ,
console.log(data);
});
});
get 의 리 셋 함수 에서 res 를 처리 하고 데이터 전송 on('data')이 있 으 면 temp 을 data 에 추가 하고 전송 이 완료 되면 on('end')과 관련 된 처 리 를 합 니 다.3.Express 프레임 워 크 구축
①,Express 설치
Node 설치 후 npm 패키지 관리 도 구 를 자체 적 으로 가지 고 npm 명령 을 통 해 npm 플랫폼 의 플러그 인,소프트웨어 를 얻 을 수 있 습 니 다.벽 에 의 해 국내 에 서 는 타 오 바 오 미 러 를 사용 하여 설치 할 수 있 습 니 다.다음 명령 을 통 해 npm 대신 cnpm 를 사용 할 수 있 습 니 다.
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm 전역 에 express 프레임 워 크 설치:
cnpm install -g express-generator
설치 완료 후express --version
를 통 해 express 버 전 을 볼 수 있 습 니 다.② 항목 초기 화
express 명령 을 통 해 서비스 프레임 워 크 를 초기 화 합 니 다:express server.그 후에 server 폴 더 를 만 드 는 것 을 볼 수 있 습 니 다.
그 중에서 bin/www.js 는 HTTP 서버 를 만 들 고 포트 를 시작 하고 감청 하 는 데 사용 되 며 수정 하지 않 아 도 됩 니 다.Public 폴 더 는 img,js,css 등 정적 파일 을 저장 하 는 데 사용 되 며,routes 폴 더 는 js 파일 을 저장 합 니 다.view 에 보기 파일 을 저장 합 니 다.기본적으로 jade 형식 파일 을 제공 합 니 다.app.js 파일 에 보 기 를 설정 하고 app.use()를 통 해 관련 모듈 을 호출 합 니 다.예 를 들 면:
//app.js
var index = require('./routes/index');
app.use('/', index);
//index.js index
router.get('/', function(req, res, next) {
res.render('index', { title: 'Express' });
});
우선 app.js 에서 사이트 의 루트 디 렉 터 리 를 routes 의 index.js 파일 로 지정 하고 index.js 에서 router.get 방법 으로 view 의 보기 파일 을 요청 합 니 다.리 셋 함수 render 에서 index.jade 인터페이스 를 렌 더 링 하여 브 라 우 저 에서 localhost:3000 을 입력 하면 view/index.jade 페이지 를 기본적으로 표시 합 니 다.express 는 공식 적 으로.jade 파일 을 웹 페이지 의 기본 보기 로 제공 하기 때문에 html 를 사용 하려 면 설정 이 필요 합 니 다.
먼저
cnpm install ejs --save
ejb 플러그 인 을 설치 한 다음 app.js 파일 에서 view engine setup 에서 엔진 을 설정 합 니 다.이후 views 폴 더 에서 기 존.jade 파일 을 삭제 하고 보 여주 고 싶 은 index.html 파일 을 새로 만 들 면 됩 니 다.예 를 들 면:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>express index</title>
</head>
<body>
<h1>Express</h1>
<p>Welcome use express in HTML</p>
</body>
</html>
3.Express 를 시작 하고 server 가 있 는 폴 더 에서 명령 을 실행 합 니 다:node bin/www,브 라 우 저 localhost:3000 에 표시:본 고 에서 말 한 것 이 여러분 의 node.js 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Grunt에서 즉석 템플릿 엔진이 필요했기 때문에 마침내 만들었습니다.jade 라든지 ejs 라고도 좋지만, 보다 심플하게 하고 싶다고 생각해. json을 떨어 뜨렸다. 플레이스홀더(:TAG)를 마련해, 이런 HTML 만들어 둔다. template.html 자리 표시자의 문자열을 키로...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.