Vite 프로젝트에서 동시에 웹 측 및 Node.js 서비스를 시작하는 방법은 무엇입니까?

Vite Project에서 웹 및 Node.js 서비스를 실행하기위한 팁

Vite는 빠른 개발 경험으로 호평을 받았지만 일부 시나리오에서는 개발자가 동일한 프로젝트에서 프론트 엔드 웹 애플리케이션과 백엔드 Node.js 서비스를 실행해야합니다 (예 : 웹 측은 Node.js가 처리 할 수있는 시스템 리소스에 액세스 해야하는 경우와 같은 프로젝트에서 서비스를 실행해야합니다. 이 기사는 Vite 프로젝트에서이를 달성하는 방법을 설명합니다.

배경 : 브라우저 보안 메커니즘의 제한으로 인해 프론트 엔드 JavaScript 코드는 로컬 시스템 리소스에 직접 액세스 할 수 없습니다. 서버 측 실행 환경으로서 Node.js는 이러한 종류의 작업을 쉽게 수행 할 수 있습니다. 따라서 개발자는 하나의 명령을 통해 동시에 Vite 프론트 엔드 서비스 및 Node.js 서비스를 시작하고 프론트 엔드를 통해 백엔드와 통신하여 시스템 리소스를 간접적으로 액세스하기를 희망합니다.

솔루션 : Vite의 buildEnd 후크를 사용 하여이 요구 사항을 달성 할 수 있습니다. Custom Vite 플러그인을 통해 빌드가 완료된 후 Node.js 서비스를 시작하십시오.

다음은 빌드가 완료된 후 Node.js 프로세스를 시작하는 방법을 보여주는 샘플 플러그인입니다.

 const {exec} = 요구 ( 'child_process');

기본 기능 내보내기 myplugin () {
  반품 {
    이름 : 'START-NODE-SERVER',
    빌드 엔드 () {
      exec ( 'node server.js', (error) => {// node.js 서비스 입력 파일이 server.js라고 가정합니다.
        if (오류) {
          console.error (`node.js 서비스를 시작하지 못했습니다 : $ {error}`);
          반품;
        }
        console.log ( 'node.js service start');
      });
    },
  };
}

중요한 팁 :

• 생산 환경 : 이 방법은 주로 개발 환경에 적합합니다. Vite는 프로세스 관리자가 아닌 빌드 도구이며 Vite에 의존하여 생산 환경에서 Node.js 프로세스를 관리하는 것이 좋습니다. 프로덕션 환경에서는 PM2와 같은 전문 프로세스 관리자 (예 : PM2)를 사용하여 Node.js 서비스를 관리해야합니다.
• 배포 : 프론트 엔드 애플리케이션이 독립형 정적 파일 서버에 배포 된 경우이 플러그인은 로컬 개발 환경에서만 적용됩니다.
• 서버 측 코드 : node.js 서버 코드를 포함하려면 별도의 server.js 파일이 필요합니다. 이 파일은 포트를 듣고 프론트 엔드에서 요청을 처리해야합니다.

위의 방법을 통해 개발 환경에서 동시에 Vite 프론트 엔드 서비스 및 Node.js 서비스를 편리하게 시작하여 시스템 리소스에 대한 프론트 엔드 액세스가 필요합니다. 생산 환경 배포를 위해서는 Node.js 서비스의 안정적인 운영을 보장하기 위해 전문 프로세스 관리자를 사용해야합니다.

위 내용은 Vite 프로젝트에서 동시에 웹 측 및 Node.js 서비스를 시작하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!