태그 글목록: express

Create a node webapp with express.js

웹서버를 노드에서 돌리는거는 오방 간단한데… (node.js 사이트 가보면 젤먼저 나오는 6줄 짜리 테스트 코드) 첨부터 끝까지 api 가지고 개발할려면 안습.

역시 양깨들의 힘을 빌어 express.js 님을 (http://expressjs.com/) 이용해서 웹서버하나 돌려 봐야지

시작~

1. express.js install

>npm install -g express

* 위에처럼 뜨면 성공.. (아..캡처 뜨고 minus 에 이미지 올리고 할려니 너무 힘들다;; 있어보이기는 하는데 앞으로는 걍 하지 말아야지)

 

2. express simpleWeb (simpleWeb 프로젝트) 만들어보기 

ppillip@ubuntu:~$ cd ProjectsN/
ppillip@ubuntu:~/ProjectsN$ express simpleWeb <— 요기가 커맨드

create : simpleWeb
create : simpleWeb/package.json
create : simpleWeb/app.js
create : simpleWeb/public
create : simpleWeb/public/javascripts
create : simpleWeb/public/images
create : simpleWeb/public/stylesheets
create : simpleWeb/public/stylesheets/style.css
create : simpleWeb/routes
create : simpleWeb/routes/index.js
create : simpleWeb/routes/user.js
create : simpleWeb/views
create : simpleWeb/views/layout.jade
create : simpleWeb/views/index.jade

install dependencies:
$ cd simpleWeb && npm install

run the app:
$ node app

ppillip@ubuntu:~/ProjectsN$

* express 를 -g 옵션으로 설치 햇으니 마치 우붕 유틸처럼 잘도 됨

 

3. 관련 패키지 설치

>cd simpleWeb
*express 가 만들어준 폴더에 들어가서

>npm install
*추가 옵션없이 바로 명령어 실행하면 현재 디렉토리(simpleWeb) package.json 을 읽고 그안에 있는것을 추가 install 한다.

ppillip@ubuntu:~/ProjectsN/simpleWeb$ npm install <— package.json 을 읽고 실행됨
npm WARN package.json application-name@0.0.1 No README.md file found!
npm http GET https://registry.npmjs.org/express/3.0.0rc4
npm http GET https://registry.npmjs.org/jade
npm http 200 https://registry.npmjs.org/express/3.0.0rc4
npm http GET https://registry.npmjs.org/express/-/express-3.0.0rc4.tgz
npm http 200 https://registry.npmjs.org/jade
npm http GET https://registry.npmjs.org/jade/-/jade-0.27.4.tgz
npm http 200 https://registry.npmjs.org/express/-/express-3.0.0rc4.tgz
npm http 200 https://registry.npmjs.org/jade/-/jade-0.27.4.tgz
npm http GET https://registry.npmjs.org/connect/2.4.4
npm http GET https://registry.npmjs.org/commander/0.6.1
npm http GET https://registry.npmjs.org/range-parser/0.0.4
npm http GET https://registry.npmjs.org/mkdirp
npm http GET https://registry.npmjs.org/mkdirp/0.3.3
npm http GET https://registry.npmjs.org/cookie/0.0.4
npm http GET https://registry.npmjs.org/crc/0.2.0
npm http GET https://registry.npmjs.org/fresh/0.1.0
npm http GET https://registry.npmjs.org/methods/0.0.1
npm http GET https://registry.npmjs.org/send/0.0.4
npm http GET https://registry.npmjs.org/debug
npm http 304 https://registry.npmjs.org/connect/2.4.4
npm http 304 https://registry.npmjs.org/range-parser/0.0.4
npm http 304 https://registry.npmjs.org/mkdirp
npm http 304 https://registry.npmjs.org/commander/0.6.1
npm http 304 https://registry.npmjs.org/cookie/0.0.4
npm http 304 https://registry.npmjs.org/mkdirp/0.3.3
npm http 304 https://registry.npmjs.org/crc/0.2.0
npm http 304 https://registry.npmjs.org/fresh/0.1.0
npm http 304 https://registry.npmjs.org/methods/0.0.1
npm WARN package.json methods@0.0.1 No README.md file found!
npm http 304 https://registry.npmjs.org/send/0.0.4
npm http 304 https://registry.npmjs.org/debug
npm http GET https://registry.npmjs.org/mime/1.2.6
npm http GET https://registry.npmjs.org/qs/0.4.2
npm http GET https://registry.npmjs.org/formidable/1.0.11
npm http GET https://registry.npmjs.org/bytes/0.1.0
npm http GET https://registry.npmjs.org/pause/0.0.1
npm http 304 https://registry.npmjs.org/qs/0.4.2
npm http 304 https://registry.npmjs.org/formidable/1.0.11
npm http 304 https://registry.npmjs.org/bytes/0.1.0
npm http 304 https://registry.npmjs.org/mime/1.2.6
npm http 304 https://registry.npmjs.org/pause/0.0.1
jade@0.27.4 node_modules/jade
├── commander@0.6.1
└── mkdirp@0.3.4

express@3.0.0rc4 node_modules/express
├── methods@0.0.1
├── fresh@0.1.0
├── range-parser@0.0.4
├── cookie@0.0.4
├── crc@0.2.0
├── commander@0.6.1
├── debug@0.7.0
├── mkdirp@0.3.3
├── send@0.0.4 (mime@1.2.6)
└── connect@2.4.4 (pause@0.0.1, bytes@0.1.0, qs@0.4.2, formidable@1.0.11)

먼가 오방 인스톨 하는게 보임.. package.json 에 관련된거 싸그리 ㅋ 잘보면 jade랑 express 랑 설치 된것인데 , 여기서 express는 npm_moudles 에 들어가서 내 프로젝트의 라이브러리로서 작용 하는것. (-g 의 프로젝트 생성해주는 유틸과는 다른 것).

게다가 jade하위 프로젝트(lib)들 , express 하위프로젝트들 죄다 설치됨.

 

4. node app.js 

위와 같은 커맨드로 app.js 를 실행해보기

브라우져에서 요런게 보였다면 helloWold 성공 ~!

 

덧붙이기 :

a. express.js 는 npm  -g 옵션으로 선택해서 설치 하면 콘솔에서 “express 프로젝트명” 이런 사용법으로 유틸처럼씀

b. “npm install 패키지명” 하면 해당 패키지가 설치됨, 만약 패키지명 생략하면 현재디렉토리의 package.json 을 찾아서 싸그리 설치함

c.  node app.js 형태로 실행함

 

  • Facebook
  • Google Plus
  • Twitter
  • LinkedIn
  • Pinterest
  • Tumblr
  • Instapaper
  • Delicious