Node.js 애플리케이션 빌드

이 페이지에서는 Node.js 애플리케이션을 빌드하고 테스트하도록 Cloud Build를 구성하는 방법을 설명합니다. Cloud Build를 처음 사용하는 경우 빠른 시작 및 빌드 구성 개요를 먼저 읽어보세요.

Cloud Build를 사용하면 공개적으로 사용 가능한 컨테이너 이미지를 사용하여 작업을 실행할 수 있습니다. Docker Hub의 공개 node 이미지는 npm 및 yarn 도구가 사전 설치된 상태로 제공됩니다. 다음 도구를 사용하여 Node.js 프로젝트를 빌드하도록 Cloud Build를 구성할 수 있습니다.

시작하기 전에

이 페이지의 안내는 사용자가 Node.js에 익숙하다고 가정합니다. 또한 다음 사항도 적용됩니다.

  • package.json 및 test.js 파일을 포함하여 Node.js 프로젝트를 준비합니다.
  • package.json 파일에 start 스크립트 및 test 스크립트가 포함되었는지 확인합니다.
  • 이 페이지에서 gcloud 명령어를 실행하려면 gcloud 명령줄 도구를 설치합니다.

npm 또는 yarn으로 빌드

Docker Hub의 node 이미지에서 작업을 수행하려면 Cloud Build 구성 파일의 name 필드에 이미지 URL을 지정합니다. Cloud Build는 이미지의 기본 진입점을 사용하여 name 필드에 지정된 컨테이너를 시작합니다. 기본 진입점을 재정의하고 호출된 빌드 단계의 실행 방법을 정의하려면 빌드 단계에서 entrypoint 필드를 추가합니다. Docker Hub의 node 이미지는 npm 및 yarn 도구가 사전 설치된 상태로 제공됩니다. 빌드 단계의 진입점으로 호출하도록 entrypoint 필드에 도구를 지정합니다.

빌드 구성 파일 예시는 다음과 같습니다.

  • name 필드는 Docker Hub의 node 이미지가 태스크 수행을 위해 Cloud Build에 사용되도록 지정합니다. node 이미지를 지정할 경우, 노드 버전을 생략하여 기본적으로 :latest가 사용되도록 하거나, 특정 버전을 사용하도록 노드 버전을 지정할 수 있습니다. 예를 들어 name: node는 노드의 최신 버전을 사용하고 name: node:12는 node:12를 사용합니다.

  • entrypoint 필드는 node 이미지가 호출될 때 npm 또는 yarn 도구가 사용되도록 지정합니다.

npm 

  steps:
  - name: node
    entrypoint: npm

yarn 

  steps:
  - name: node
    entrypoint: yarn

Node.js 빌드 구성

  1. 프로젝트 루트 디렉터리에 cloudbuild.yaml이라는 구성 파일을 만듭니다.

  2. 종속 항목 설치: 애플리케이션을 빌드하려면 먼저 프로젝트의 모든 종속 항목이 npm 또는 yarn에서 설치되었는지 확인해야 합니다. 종속 항목은 npm 또는 yarn 빌드 단계 내에서 install 명령어를 사용하여 설치할 수 있습니다. 빌드 단계의 args 필드는 인수 목록을 가져와서 이름 필드로 참조되는 이미지에 전달합니다. 빌드 구성 파일에서 install을 args 필드에 추가하여 install 명령어를 호출합니다.

    npm 

    steps:
- name: node
  entrypoint: npm
  args: ['install']

    yarn 

    steps:
- name: node
  entrypoint: yarn
  args: ['install']

  3. 테스트 추가: package.json에 test 스크립트를 정의한 경우 test를 args 필드에 추가하여 스크립트를 실행하도록 Cloud Build를 구성할 수 있습니다.

    npm 

    steps:
- name: node
  entrypoint: npm
  args: ['install']
- name: node
  entrypoint: npm
  args: ['test']

    yarn 

    steps:
- name: node
  entrypoint: yarn
  args: ['install']
- name: node
  entrypoint: yarn
  args: ['test']

  4. 커스텀 명령어 실행: package.json에 커스텀 명령어가 포함된 경우 이 명령어를 실행하도록 Cloud Build를 구성할 수 있습니다. args 필드에서 run을 첫 번째 인수로 추가하고, 커스텀 명령어 이름을 지정합니다. 다음 빌드 구성 파일에는 build라는 커스텀 명령어를 실행하기 위한 인수가 포함되어 있습니다.

    npm 

    steps:
- name: node
  entrypoint: npm
  args: ['install']
- name: node
  entrypoint: npm
  args: ['test']
- name: node
  entrypoint: npm
  args: ['run', 'build']

    yarn 

    steps:
- name: node
  entrypoint: yarn
  args: ['install']
- name: node
  entrypoint: yarn
  args: ['test']
- name: node
  entrypoint: yarn
  args: ['run', 'build']

  5. 빌드 구성 파일을 사용하여 빌드를 시작합니다.

    gcloud builds submit --config [CONFIG_FILE_PATH] [SOURCE_DIRECTORY]

    각 항목의 의미는 다음과 같습니다.

    • [CONFIG_FILE_PATH]는 빌드 구성 파일의 경로입니다.
    • [SOURCE_DIRECTORY]는 소스 코드의 경로 또는 URL입니다.

    gcloud builds submit 명령어에서 [CONFIG_FILE_PATH]와 [SOURCE_DIRECTORY]를 지정하지 않으면 Cloud Build는 구성 파일과 소스 코드가 현재 작업 중인 디렉터리에 있다고 간주합니다.

여러 node 버전에서 테스트 실행

일부 경우에는 여러 node 버전에서 프로젝트가 작동하는지 확인해야 합니다. 다음과 같이 Cloud Build 트리거를 만들고 구성할 수 있습니다.

  • 빌드 구성 파일에서 node 버전을 대체 변수로 지정합니다.
  • 애플리케이션을 빌드하려는 각 node 버전에 대해 하나의 트리거를 만듭니다.
  • 각 트리거 설정에서 대체 변수 값 필드를 사용하여 해당 트리거에 대한 node의 버전을 나타냅니다.

다음 단계에서는 트리거 특정 대체 변수를 사용하여 node 버전을 지정하는 방법을 설명합니다.

  1. 저장소 루트에서 대체 변수로 node 버전을 지정하는 빌드 구성 파일을 추가합니다. 다음 빌드 구성 파일 예시에서 $_NODE_VERSION은 사용자 정의 대체 변수입니다.

    npm 

    steps:
- name: node:$_NODE_VERSION
  entrypoint: npm
  args: ['install']
- name: node:$_NODE_VERSION
  entrypoint: npm
  args: ['test']

    yarn 

    steps:
- name: node:$_NODE_VERSION
  entrypoint: yarn
  args: ['install']
- name: node:$_NODE_VERSION
  entrypoint: yarn
  args: ['test']

  2. 빌드할 node의 각 버전에 대해 다음 단계에 따라 빌드 트리거를 만듭니다.

    1. Google Cloud Console에서 트리거 페이지를 엽니다.

      트리거 페이지 열기

    2. 페이지 상단의 프로젝트 선택기 드롭다운 메뉴에서 프로젝트를 선택합니다.

    3. 열기를 클릭합니다.

    4. 트리거 만들기를 클릭합니다.

      트리거 만들기 페이지에서 다음 설정을 입력합니다.

      1. 트리거 이름을 입력합니다.

      2. 트리거를 시작할 저장소 이벤트를 선택합니다.

      3. 소스 코드와 빌드 구성 파일이 포함된 저장소를 선택합니다.

      4. 트리거를 시작할 분기 또는 태그 이름의 정규식을 지정합니다.

      5. 구성: 이전에 만든 빌드 구성 파일을 선택합니다.

      6. 대체 변수 아래에서 변수 추가를 클릭합니다.

        1. 변수 아래에서 빌드 구성 파일에 사용한 node 버전 변수를 지정하고 값 아래에서 node의 버전을 지정합니다. 예를 들면 _NODE_VERSION 및 12입니다.

    5. 만들기를 클릭하여 빌드 트리거를 저장합니다.

이러한 트리거를 사용하여 트리거에 지정한 node 버전으로 코드를 빌드할 수 있습니다.

코드 예시

다음은 각각 샘플 Node.js 애플리케이션과 그 애플리케이션을 빌드 및 테스트하기 위한 빌드 구성 파일이 포함된 몇 가지 샘플 저장소입니다.

  • node-example-npm: Node.js 앱과 이 앱을 npm으로 빌드하기 위한 빌드 구성 파일 예시입니다.
  • node-example-yarn: Node.js 앱과 이 앱을 yarn으로 빌드하기 위한 빌드 구성 파일 예시입니다.
  • multiple-node-versions-example: node의 여러 버전에 대해 앱을 빌드하기 위한 빌드 구성 파일 포함 예시입니다.

다음 단계