몇 줄의 코드로 나만의 nodemon 구축
목차
- 소개
- 프로젝트 설정
- 서버
- 감시자
- 조각들을 하나로 모으기
- 참고자료
여기에서 소스 코드를 찾을 수 있습니다: https://github.com/aelassas/watcher
소개
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)
애플리케이션을 시작하려면 다음 명령을 입력하세요.
node watcher.js server.js
이제 애플리케이션을 실행하고 server.js를 변경하면 서버가 자동으로 다시 시작됩니다. 더 이상 수동으로 서버를 중지하고 시작할 필요가 없습니다.
조각들을 하나로 모으기
단 몇 줄의 코드만으로 자체 nodemon을 설정합니다. 이제 watcher.js의 전체 소스 코드는 다음과 같습니다.
npm init
이것은 단순한 예일 뿐이지만 비디오 파일의 변경 사항을 모니터링하고 변경 사항이 감지될 때마다 변환 하위 프로세스(ffmpeg)가 시작되는 다른 상황을 상상할 수 있습니다.
다음과 같은 다른 옵션을 구현할 수도 있습니다.
- 특정 파일이나 디렉토리 무시
- 특정 디렉토리 보기
- 여러 디렉터리 모니터링
- 확장 감시 목록 지정
- 재시작 지연
- Python, Ruby, make 등 Node.js 이외의 실행 파일 실행
- 등등...
참고자료
- 노데몬
- child_process.spawn(명령어[, args][, 옵션])
- process.exit([코드])
- fsPromises.watch(파일 이름[, 옵션])
- process.kill(pid[, 신호])
- 신호(7)
위 내용은 몇 줄의 코드로 나만의 nodemon 구축의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











프론트 엔드 개발시 프론트 엔드 열지대 티켓 인쇄를위한 자주 묻는 질문과 솔루션, 티켓 인쇄는 일반적인 요구 사항입니다. 그러나 많은 개발자들이 구현하고 있습니다 ...

JavaScript는 현대 웹 개발의 초석이며 주요 기능에는 이벤트 중심 프로그래밍, 동적 컨텐츠 생성 및 비동기 프로그래밍이 포함됩니다. 1) 이벤트 중심 프로그래밍을 사용하면 사용자 작업에 따라 웹 페이지가 동적으로 변경 될 수 있습니다. 2) 동적 컨텐츠 생성을 사용하면 조건에 따라 페이지 컨텐츠를 조정할 수 있습니다. 3) 비동기 프로그래밍은 사용자 인터페이스가 차단되지 않도록합니다. JavaScript는 웹 상호 작용, 단일 페이지 응용 프로그램 및 서버 측 개발에 널리 사용되며 사용자 경험 및 크로스 플랫폼 개발의 유연성을 크게 향상시킵니다.

기술 및 산업 요구에 따라 Python 및 JavaScript 개발자에 대한 절대 급여는 없습니다. 1. 파이썬은 데이터 과학 및 기계 학습에서 더 많은 비용을 지불 할 수 있습니다. 2. JavaScript는 프론트 엔드 및 풀 스택 개발에 큰 수요가 있으며 급여도 상당합니다. 3. 영향 요인에는 경험, 지리적 위치, 회사 규모 및 특정 기술이 포함됩니다.

JavaScript를 배우는 것은 어렵지 않지만 어려운 일입니다. 1) 변수, 데이터 유형, 기능 등과 같은 기본 개념을 이해합니다. 2) 마스터 비동기 프로그래밍 및 이벤트 루프를 통해이를 구현하십시오. 3) DOM 운영을 사용하고 비동기 요청을 처리합니다. 4) 일반적인 실수를 피하고 디버깅 기술을 사용하십시오. 5) 성능을 최적화하고 모범 사례를 따르십시오.

이 기사에서 시차 스크롤 및 요소 애니메이션 효과 실현에 대한 토론은 Shiseido 공식 웹 사이트 (https://www.shiseido.co.jp/sb/wonderland/)와 유사하게 달성하는 방법을 살펴볼 것입니다.

JavaScript의 최신 트렌드에는 Typescript의 Rise, 현대 프레임 워크 및 라이브러리의 인기 및 WebAssembly의 적용이 포함됩니다. 향후 전망은보다 강력한 유형 시스템, 서버 측 JavaScript 개발, 인공 지능 및 기계 학습의 확장, IoT 및 Edge 컴퓨팅의 잠재력을 포함합니다.

동일한 ID로 배열 요소를 JavaScript의 하나의 객체로 병합하는 방법은 무엇입니까? 데이터를 처리 할 때 종종 동일한 ID를 가질 필요가 있습니다 ...

Console.log 출력의 차이의 근본 원인에 대한 심층적 인 논의. 이 기사에서는 Console.log 함수의 출력 결과의 차이점을 코드에서 분석하고 그에 따른 이유를 설명합니다. � ...
