몇 줄의 코드로 나만의 nodemon 구축-JS 튜토리얼-php.cn

Build Your Own nodemon in Few Lines of Code

소개

Node.js 애플리케이션 작업 시 일부 변경 후 서버를 다시 시작해야 하는 경우가 많습니다. 글쎄, 소스 코드를 수정할 때마다 서버를 수동으로 다시 시작해야 한다면 이는 성가신 일이 될 것입니다. 다행히도 변경 사항이 감지되면 서버를 자동으로 다시 시작할 수 있는 몇 가지 유틸리티가 있습니다. 그리고 가장 유명한 것은 nodemon입니다. nodemon은 디렉터리의 파일 변경이 감지되면 노드 애플리케이션을 자동으로 다시 시작하여 Node.js 기반 애플리케이션 개발을 돕는 도구입니다. 이 팁의 목적은 새로운 것을 만드는 것이 아니라 Node.js 애플리케이션의 변경 사항을 모니터링하고 단 몇 줄의 코드만으로 서버를 자동으로 다시 시작하는 고유한 유틸리티를 만드는 방법을 보여주는 것입니다.

프로젝트 설정

첫 번째 단계는 Node.js 프로젝트를 초기화하는 것입니다.

npm init

로그인 후 복사

그런 다음 모듈을 다음 유형으로 설정하여 ES6 지원을 추가하려면 package.json을 업데이트해야 합니다.

{
  "name": "watcher",
  "type": "module",
  "version": "1.0.0",
  "author": "Akram El Assas"
}

로그인 후 복사

그런 다음 개발 종속성을 설치합니다.

npm i -D @types/node

로그인 후 복사

@types/node: Visual Studio Code에서 자동 완성 기능을 사용하려면

섬기는 사람

다음과 같이 간단한 웹 서버 server.js를 생성하겠습니다.

import { createServer } from 'http'

const PORT = 8888

createServer((_, res) => {
    res.writeHead(200, { 'Content-Type': 'text/plain' })
    res.write('Hello World!')
    res.end()
}).listen(PORT)

console.log('HTTP server is running on Port', PORT)

로그인 후 복사

그런 다음 다음 명령을 통해 서버의 상위 폴더와 하위 폴더에서 변경 사항이 감지될 때마다 서버를 다시 시작하기 위해 감시자를 생성합니다.

node watcher.js server.js

로그인 후 복사

당직자

감시자는 변경 사항이 감지될 때마다 서버를 다시 시작합니다.

무엇보다도 명령줄 인수를 검색해야 합니다. Node.js에서는 process.argv를 통해 명령줄 인수에 액세스할 수 있습니다. process.argv 속성은 Node.js 프로세스가 시작될 때 전달된 명령줄 인수가 포함된 배열을 반환합니다. 첫 번째 요소는 execPath입니다. 두 번째 요소는 실행 중인 JavaScript 파일의 경로입니다. 나머지 요소는 추가 명령줄 인수입니다.

다음 명령을 실행하면:

node watcher.js server.js

로그인 후 복사

process.argv는 다음과 같습니다.

[
  'C:\Program Files\nodejs\node.exe',
  'C:\dev\watcher\src\watcher.js',
  'server.js'
]

로그인 후 복사

첫 번째 요소는 Node.js 실행 파일의 경로입니다. 두 번째 요소는 watcher.js에 대한 경로입니다. 그리고 마지막 요소는 server.js입니다. 따라서 다음과 같이 첫 번째와 세 번째 요소를 선언하여 코드를 시작할 수 있습니다.

npm init

로그인 후 복사

그런 다음 지정된 파일을 인수로 사용하여 Node.js를 시작하는 하위 프로세스를 시작하는 함수를 만들어야 합니다. 이 경우에는 server.js입니다. 이를 위해 child_process 모듈의 generate 메소드를 사용합니다. child_process.spawn() 메서드는 args의 명령줄 인수와 함께 지정된 명령을 사용하여 새 프로세스를 생성합니다. 생성 방법을 사용하면 파이프 방법을 사용하여 자식 프로세스의 stdout 및 stderr을 부모 프로세스로 리디렉션할 수 있다는 장점이 있습니다. 파이프 메소드는 쓰기 가능한 스트림을 읽기 가능한 스트림에 연결하여 결과적으로 흐름 모드로 전환한 다음 연결된 쓰기 가능한 스트림에 가지고 있는 모든 데이터를 푸시하는 데 사용됩니다. 우리 함수의 소스 코드는 다음과 같습니다:

{
  "name": "watcher",
  "type": "module",
  "version": "1.0.0",
  "author": "Akram El Assas"
}

로그인 후 복사

우선, 주어진 파일 인수를 사용하여 하위 Node.js 프로세스를 생성합니다. 그런 다음 파이프 방식을 사용하여 하위 프로세스의 stdout 및 stderr을 상위 프로세스로 리디렉션합니다. 그런 다음 하위 프로세스가 닫히면 동일한 종료 코드를 사용하여 상위 프로세스를 종료합니다. process.exit() 메서드는 Node.js에 코드의 종료 상태와 동시에 프로세스를 종료하도록 지시합니다. 코드가 생략된 경우 종료는 성공 코드 0 또는 process.exitCode 값(설정된 경우)을 사용합니다. Node.js는 모든 종료 이벤트 리스너가 호출될 때까지 종료되지 않습니다. 그리고 마지막으로 하위 프로세스를 반환합니다.

이제 파일의 상위 폴더와 하위 폴더의 변경 사항을 감지해야 합니다. 그리고 JavaScript 파일과 관련된 변경 사항이 감지될 때마다 하위 프로세스를 종료하고 하위 프로세스를 다시 생성합니다. 이를 위해 fs/promises 모듈의 watch 메소드를 사용합니다. fs/promises.watch() 메서드는 파일 이름의 변경 사항을 감시하는 비동기 반복자를 반환합니다. 여기서 파일 이름은 파일 또는 디렉터리입니다. 파일의 상위 폴더에 감시자를 생성하겠습니다. 그런 다음 watcher를 통해 반복합니다. node_modules 폴더를 무시하고 JavaScript 파일에서 변경 사항이 감지될 때마다 다음과 같이 하위 프로세스를 종료하고 다시 생성합니다.

npm i -D @types/node

로그인 후 복사

subprocess.kill() 메서드는 하위 프로세스에 신호를 보냅니다. 인수가 제공되지 않으면 프로세스에 SIGTERM 신호가 전송됩니다. SIGKILL 신호는 포착, 차단 또는 무시될 수 없으며 하위 프로세스를 강제로 중지합니다. 사용 가능한 신호 목록은 신호(7)를 참조하세요.

그렇습니다! 단 몇 줄의 코드만으로 우리만의 노드몬을 완성했습니다.

마지막으로, 다음과 같이 package.json에 시작 및 개발 스크립트를 추가해야 합니다.

import { createServer } from 'http'

const PORT = 8888

createServer((_, res) => {
    res.writeHead(200, { 'Content-Type': 'text/plain' })
    res.write('Hello World!')
    res.end()
}).listen(PORT)

console.log('HTTP server is running on Port', PORT)

로그인 후 복사

애플리케이션을 시작하려면 다음 명령을 입력하세요.