Node. js 개발 프레임 워 크 Express4. x

3507 단어
머리말
Nodejs 는 젊 은 프로 그래 밍 프레임 워 크 로 활력 과 무한 한 열정 을 가지 고 빠 른 업 데 이 트 를 유지 해 왔 다.Nodejs 를 바탕 으로 하 는 공식 웹 개발 창고 Express 도 동시에 발전 하고 있 으 며 매년 큰 버 전 을 업그레이드 하고 심지어 프레임 밑 에 큰 수술 을 했다.Express 4 에 서 는 중간 라 이브 러 리 connect 를 교체 하고 더 작은 라 이브 러 리 로 대체 합 니 다.가 져 온 장점 은 이런 중간 부품 들 이 더욱 자 유 롭 게 업데이트 되 고 발표 되 며 Express 발표 주기의 영향 을 받 지 않 는 다 는 것 이다.그러나 문 제 는 매우 까다롭다. 이전 버 전과 호 환 되 지 않 으 면 업 그 레이 드 는 코드 를 수정 해 야 한 다 는 것 을 의미한다.
앞서 'Nodejs 개발 프레임 워 크 Express 3.0 개발 수기 - 제로 부터' 라 는 글 을 쓴 적 이 있 는데, 많은 새로 배 운 Node 친구 들 이 참고 하고 있 지만, Express 가 업그레이드 되 어 글 중 일부 코드 를 사용 할 수 없 게 되 었 기 때문에 Express 4. x 를 소개 하 는 글 이 있다.
목차
  • 건립 공사
  • 디 렉 터 리 구조
  • package. json 프로젝트 설정
  • app. js 핵심 파일
  • 부 트 스 트랩 인터페이스 프레임 워 크
  • 경로 기능
  • 프로그램 코드
  • Express3. x 와 Express4. x 의 변경 목록
  • 1. 프로젝트 만 들 기
    처음부터 Express 4. x 의 설치 와 사용 을 시작 합 시다. Node 와 NPM 을 설치 하 는 것 은 본 논문 에서 더 이상 말 하지 않 겠 습 니 다.Linux 환경 설 치 는 글 을 참고 하여 Nodejs 개발 환경 인 Ubuntu 를 준비 하 세 요. Window 환경 설 치 는 Node 의 설치 파일 을 직접 다운로드 하고 더 블 클릭 으로 설치 하면 됩 니 다.
    나의 시스템 환경
  • Win7 64bit
  • Nodejs:v0.10.31
  • Npm:1.4.23

  • 우선 express 라 이브 러 리 를 설치 해 야 합 니 다.Express 3.6. x 이전 버 전에 서 Express 는 전체 적 으로 설치 해 야 합 니 다. 프로젝트 구축 기 모듈 은 Express 프로젝트 에 합 쳐 졌 습 니 다. 나중에 이 구축 기 는 분리 되 어 하나의 프로젝트 express - generator 가 되 었 습 니 다. 지금 우 리 는 전체 적 으로 express - generator 프로젝트 를 설치 하면 됩 니 다.
    ~ npm install -g express-generator@4  #    -g
    C:\Users\Administrator\AppData\Roaming
    pm\express -> C:\Users\Administrator\AppData\Roaming
    pm
    ode_modules\express-ge nerator\bin\express [email protected] C:\Users\Administrator\AppData\Roaming
    pm
    ode_modules\express-generator ├── [email protected] ├── [email protected] └── [email protected] ([email protected])

    express - generator 패 키 지 를 설치 한 후 명령 행 에서 express 명령 을 사용 할 수 있 습 니 다.
    ~ express -V #   express   
    4.11.2
    
    ~ express -h  #    express     
      Usage: express [options] [dir]
      Options:
        -h, --help          output usage information
        -V, --version       output the version number
        -e, --ejs           add ejs engine support (defaults to jade)
            --hbs           add handlebars engine support
        -H, --hogan         add hogan.js engine support
        -c, --cssadd stylesheetsupport (less|stylus|compass) (defaults to plain css)
            --git           add .gitignore
        -f, --force         force on non-empty directory

    다음은 express 명령 을 사용 하여 프로젝트 를 만 듭 니 다.
    ~ cd D:\workspace\javascript  #       
    
    ~ D:\workspace\javascript>express -e nodejs-demo  #     
       create : nodejs-demo
       create : nodejs-demo/package.json
       create : nodejs-demo/app.js
       create : nodejs-demo/public/javascripts
       create : nodejs-demo/public/images
       create : nodejs-demo/public
       create : nodejs-demo/public/stylesheets
       create : nodejs-demo/public/stylesheets/style.css
       create : nodejs-demo/views
       create : nodejs-demo/views/index.ejs
       create : nodejs-demo/views/error.ejs
       create : nodejs-demo/routes
       create : nodejs-demo/routes/index.js
       create : nodejs-demo/routes/users.js
       create : nodejs-demo/bin
       create : nodejs-demo/bin/www
    
       install dependencies:
         $ cd nodejs-demo && npm install
       run the app:
         $ DEBUG=nodejs-demo:* ./bin/www

    프로젝트 디 렉 터 리 에 들 어가 의존 라 이브 러 리 를 다운로드 하고 프로젝트 를 구축 합 니 다.
    ~ D:\workspace\javascript>cd nodejs-demo && npm install

    시작 항목.

    좋은 웹페이지 즐겨찾기