본문 바로가기

컴퓨터/컴퓨터

[WEB] node.js 서버 열기

반응형

지난 글에 이어 node.js 관련 글입니다.

저번에 node.js를 설치 해주었으니 서버를 열어봅시다.

npm install all express

express 모듈을 npm을 사용하여 설치하여 줍니다. 

프로젝트 폴더로 web_game 디렉토리를 만들어주었고 Server.js파일과 js 디렉토리는 제가 따로 만든 거라 신경쓰지 않으셔도 좋습니다.

핵심은 node_moudules 디렉토리와 json파일 입니다.

express는 node.js로 웹서버를 구축하는데 대부분의 기능을 구현해둔 모듈입니다. 

사용시 굉장한 속도로 웹서비스를 운용할 수 있게 해줍니다.

expressjs.com/ko/starter/hello-world.html

 

Express "Hello World" 예제

Hello world 예제 기본적으로 이 앱은 여러분이 작성할 수 있는 가장 간단한 Express 앱일 것입니다. 이 앱은 하나의 파일로 된 앱이며 Express 생성기를 통해 얻게 되는 앱과는 같지 않습니다. (이 예제

expressjs.com

express의 기본 예제 코드를 옮겨서 테스트 해줍시다.

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
})

vi example.js 를 통해 해당파일을 만들어줍시다.

node example.js

curl 명령어나 직접 브라우저로 3000번 포트에 접속해주면 지정한 문자열이 나오는 것을 확인할 수 있습니다.

마찬가지로 웹페이지도 제공할 수 있습니다.

간단하게 index.html파일을 생성해줍시다.

example.js 파일에도 추가해줍시다.

app.get('/html',(req, res) => {
        res.sendFile(__dirname + '/index.html')
})

sendFile을 사용해주면 파일을 웹으로 제공해줄 수 있습니다.

다시 한번 node로 example.js 파일을 구동시켜주고

위에서 지정해준 디렉토리로 접근하면 정상적으로 index.html에 엑세스 할 수 있습니다.

이렇게 간단하게 웹서비스를 운영할 수 있습니다.

'컴퓨터 > 컴퓨터' 카테고리의 다른 글

[WEB] node.js 포트 에러 해결하기  (0) 2021.05.12
[phaser] phaser로 웹게임 만들기  (0) 2021.05.10
[WEB] 라즈베리파이 node.js 설치  (0) 2021.05.09
[WEB] URI 개념  (0) 2020.10.27
php 디버그 기능 사용하기  (0) 2020.05.11