Ubuntu 16.04 LTS에서 Express.js 웹 서버 설정

• Node.js 설치
• Express 설치

이 튜토리얼에서는 Ubuntu 16.04를 실행하는 Vultr VPS에서 Chrome의 V8 엔진 기반 자바 스크립트 런타임 인 ​​Node.js를 사용하여 기본 Express.js 웹 서버를 설치합니다. 모르는 경우 Express.js는 웹 응용 프로그램을 작성할 수있는 기능을 제공하는 최소의 유연한 Node.js 프레임 워크입니다. 웹 개발 측면에서 Node.js가 할 수있는 일을 실제로 보여줍니다. 더 이상 고민하지 말고 시작합시다!

Node.js 설치

시작하려면 먼저 Express 사이트의 백엔드 인 Node.js를 설치해야합니다. Ubuntu 16.04에 설치하려면 먼저 최신 버전의 저장소를 추가해야합니다. 그렇게하려면 다음을 입력하십시오.

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

이것이하는 일은 nodesource.com에서 최신 8.x 패키지를 가져 와서 APT 저장소로 설정한다는 것입니다. 완료되면 다음을 실행하여 노드를 설치하십시오.

sudo apt-get install -y nodejs build-essential

이것이하는 일은 Node.js 자체를 설치하는 것이며 build-essential모듈을 컴파일 할 때 필요할 수있는 도구 인 grabs 를 가져 옵니다 . 완료되면 새 노드 프로젝트를 만듭니다. 먼저, /home디렉토리 에 있는지 확인하십시오 .

/home/yourname

확인하려면 pwd터미널에 입력 하고이라고 표시 /home/yourname되면 모든 설정이 완료된 것입니다! 그런 다음 npm의 init 기능을 사용하여 package.json모든 모듈을 추적 할 위치 를 만듭니다 . 그렇게하려면 npm init터미널에 입력 하십시오. 모든 프롬프트를 따르십시오. 완료되면 다음과 같이 표시됩니다.

{
  "name": "example",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "rich",
  "license": "MIT"
}

그런 다음 enter를 클릭하여 확인하십시오.

Express 설치

다음으로 Express 모듈을 설치합니다. 그렇게하려면 다음을 입력하십시오.

npm install express

설치가 완료 될 때까지 기다리십시오.

인생을 더 쉽게 만들기 위해이라는 깔끔한 작은 모듈을 사용합니다 express-generator. 이것이 할 일은 우리를위한 골격 웹 사이트를 생성하여 인생을 훨씬 쉽게 만듭니다. 경로와 같은 기본 사항을 처리합니다. Express Generator를 설치하려면 다음을 입력하십시오.

npm install express-generator -g

우리는 -g플래그를 지정합니다 . 이는 전역이 될 것이므로 시스템 전체에서 사용할 수 있습니다. 설치가 끝나면 결정을 내려야합니다. 프로젝트에 사용할 렌더링 엔진을 선택해야합니다. 간결하게하기 ejs위해이 자습서에서 사용할 것 입니다.이 자습서는 자세히 살펴볼 것을 권장하는 멋진 렌더링 엔진입니다. 베어 프로젝트를 설정하려면 다음을 입력하십시오.

express -v ejs mysite

기존 프로젝트 내에 이름이라는 새 폴더가 만들어 mysite집니다. 이제 프로젝트에 필요한 모든 모듈이 있는지 확인하려면 다음 명령을 실행하십시오.

npm install

기본 웹 사이트 설정이 완료되었으므로 시작할 수 있습니다! 기본 포트를 사용하여 웹 사이트를 시작하려면 다음을 입력하십시오.

DEBUG=mysite:* npm start

웹 사이트가 시작됩니다. 유일한 문제는 터미널을 사용하고 있기 때문에 웹 사이트를 볼 수 없다는 것입니다. 예제 페이지를 보려면 VPS의 IP 주소가 될 HTTP 서버에 IP 주소를 지정해야합니다. IP 주소를 얻으려면 Vultr VPS 패널로 이동하여 서버 탭을 클릭하십시오. 서버 이름 바로 아래 맨 아래에 있어야합니다. 예 : "1024MB 서버-yourIP" 해당 IP 주소를 복사하고 필요하므로 가까이 유지하십시오. 그런 다음 서버로 돌아가서 디렉토리를 bin 폴더로 변경하십시오.

cd mysite/bin

이것은 홈 디렉토리에 폴더를 생성했다고 가정합니다. 파일 내부의 파일을 편집 www하십시오. 이를 위해 내장 편집기 인 Nano를 사용합니다.

nano www

안으로 들어가면 다음 줄로 이동하십시오.

server.listen(port);

해당 라인에 IP 주소를 추가하십시오. 다음과 같이 편집하십시오.

server.listen(port, 'your ip here');

그런 다음 키보드에서 "control-o"를 누르고 "enter"를 눌러 저장하십시오. "control-x"를 눌러 종료하십시오. 이제 우리 모두 서버를 시작할 준비가되었습니다. 이전에 입력 한 것과 동일한 명령을 입력하여 테스트하십시오.

DEBUG=mysite:* npm start

콘솔이 수신 대기중인 포트를 출력합니다. 필요에 따라이 포트를 추적하십시오. 사이트를 보려면 웹 브라우저를 열고 다음 URL로 이동하십시오.

http://yourIP:port

예를 들어 다음과 같습니다.

http://192.0.2.0:3000

모두 잘 진행되면 화면에 "환영합니다"가 표시됩니다!

그리고 당신은 끝났습니다! Vultr VPS를 실행하면서 Node.js를 사용하여 첫 번째 Express 사이트를 작성했습니다. Express 및 Express로 수행 할 수있는 작업에 대한 자세한 내용을 보려면 해당 사이트 ( http://expressjs.org ) 및 EJS 웹 사이트 ( http://ejs.co )를 참조하십시오. 문서를 작성하고 자신 만의 킬러 사이트를 만드십시오!