자습서: 패키지 저장소에서 가져오기

https://codecatalyst.aws/ 에서 CodeCatalyst 콘솔을 엽니다.

프로젝트로 이동합니다codecatalyst-package-project.

탐색 창에서 코드를 선택한 다음 소스 리포지토리를 선택합니다.

리포지토리 추가를 선택하고 리포지토리 생성을 선택합니다.

리포지토리 이름에 다음을 입력합니다.

hello-world-app

생성(Create)을 선택합니다.

탐색 창에서 Packages(패키지)를 선택합니다.

패키지 리포지토리 생성을 선택합니다.

리포지토리 이름에 다음을 입력합니다.

codecatalyst-package-repository

+ 업스트림 리포지토리 선택을 선택합니다.

게이트웨이 리포지토리를 선택합니다.

npm-public-registry-gateway상자에서 [Create] 를 선택합니다.

선택을 선택하세요.

생성(Create)을 선택합니다.

CodeCatalyst 게이트웨이 리포지토리에 codecatalyst-package-repository 연결된 패키지 리포지토리를 만듭니다. 게이트웨이 리포지토리는 npmjs.com 레지스트리에 연결됩니다.

탐색 창에서 코드를 선택한 다음 개발 환경을 선택합니다.

상단에서 개발 환경 만들기를 선택한 다음 AWS Cloud9 (브라우저에서) 를 선택합니다.

리포지토리가 로 설정되어 hello-world-app 있고 기존 브랜치가 로 main 설정되어 있는지 확인하십시오. 생성(Create)을 선택합니다.

개발 환경이 새 브라우저 탭에서 시작되고 리포지토리 (hello-world-app) 가 새 브라우저 탭에 복제됩니다.

두 CodeCatalyst 브라우저 탭을 모두 열어 두고 다음 절차로 이동하십시오.

개발 환경으로 이동하세요.

터미널 프롬프트에서 hello-world-app 소스 리포지토리 루트 디렉터리로 변경합니다.

cd hello-world-app

Node.js 프로젝트 초기화:

npm init -y

초기화하면 의 루트 디렉터리에 package.json 파일이 생성됩니다. hello-world-app

개발 환경의 npm 클라이언트를 CodeCatalyst 패키지 저장소에 연결합니다.

lodash버전 4.17.20 가져오기:

npm install lodash@v4.17.20 --save --save-exact

npm은 다음 위치에서 다음 순서로 lodash 버전 4.17.20을 찾습니다.

npm은 게이트웨이 리포지토리, CodeCatalyst 패키지 리포지토리, 개발 lodash 환경으로 가져옵니다.

또한 npm은 package.json 파일을 종속 항목으로 업데이트하고 모든 lodash 종속성을 포함하는 디렉토리를 만듭니다. node_modules lodash

개발 환경으로 lodash 성공적으로 가져온 테스트입니다. 다음을 입력합니다.

npm list

가져오기에 성공했음을 나타내는 다음 메시지가 나타납니다.

`-- lodash@4.17.20

(선택 사항) 줄을 hello-world-app/package.json 열고 안에 들어 있는지 확인합니다. red bold추가됨:

{
  "name": "hello-world-app",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  dependencies": {
    "lodash": "4.17.20"
  }
}

에서 /hello-world-app 다음 index.js 내용으로 라는 파일을 생성합니다.

// Importing lodash library
const _ = require('lodash');

// Input string
const inputString = 'hello-world';

// Transforming the string using lodash
const transformedString = _.startCase(inputString.replace('-', ' '));

// Outputting the transformed string to the console
console.log(transformedString);

콘솔로 전환하세요. CodeCatalyst

탐색 창에서 Packages(패키지)를 선택합니다.

선택하세요 npm-public-registry-gateway.

lodash가 표시되는지 확인하세요. 최신 버전 열에 표시됩니다4.17.20.

에 대해 이 절차를 반복합니다codecatalyst-package-repository. 가져온 패키지를 보려면 브라우저 창을 새로 고쳐야 할 수 있습니다.

개발 환경으로 전환하세요.

아직 hello-world-app 디렉터리에 있는지 확인한 다음 애플리케이션을 실행하세요.

node index.js

Hello World메시지가 나타납니다. Node.js 는 이전 단계에서 개발 환경에 다운로드한 lodash 패키지를 사용하여 애플리케이션을 실행했습니다.

node_modules디렉터리는 무시하세요. 다음을 입력합니다.

echo "node_modules/" >> .gitignore

이 디렉터리를 커밋하지 않는 것이 좋습니다. 또한 이 디렉터리를 커밋하면 이 자습서의 이후 단계에 방해가 됩니다.

추가, 커밋, 푸시:

git add .
git commit -m "add the Hello World application"
git push

'Hello World' 애플리케이션 및 프로젝트 파일이 소스 저장소에 추가됩니다.

콘솔로 전환하세요. CodeCatalyst

탐색 창에서 CI/CD를 선택한 다음 워크플로를 선택합니다.

워크플로 만들기를 선택합니다.

소스 리포지토리의 경우 선택합니다hello-world-app.

Branch의 경우 선택하십시오main.

워크플로 정의 파일은 선택한 소스 리포지토리와 브랜치에 생성됩니다.

생성(Create)을 선택합니다.

상단 YAML근처에서 선택하세요.

YAML샘플 코드를 삭제합니다.

다음 YAML 코드를 추가합니다.

Name: codecatalyst-package-workflow
SchemaVersion: "1.0"

# Required - Define action configurations.
Actions:
  RunHelloWorldApp:
    # Identifies the action. Do not modify this value.
    Identifier: aws/build@v1
    Compute:
      Type: Lambda
    Inputs:
      Sources:
        - WorkflowSource # This specifies your source repository. 
    Configuration:
      Steps:
        - Run: npm install
        - Run: npm list
        - Run: node index.js
      Container: # This specifies the Docker image that runs the action.
        Registry: CODECATALYST
        Image: CodeCatalystLinuxLambda_x86_64:2024_03
    Packages:
      NpmConfiguration:
        PackageRegistries:
          - PackagesRepository: codecatalyst-package-repository

위 코드에서 다음을 대체하십시오.codecatalyst-package-repository 에서 2단계: CodeCatalyst 및 게이트웨이 패키지 리포지토리 생성 만든 CodeCatalyst 패키지 리포지토리의 이름으로

이 파일의 속성에 대한 자세한 내용은 를 참조하십시오빌드 및 테스트 액션 YAML.

(선택 사항) [Validate] 를 선택하여 커밋하기 전에 YAML 코드가 유효한지 확인합니다.

커밋을 선택합니다.

워크플로 커밋 대화 상자에서 다음을 입력합니다.

1. 워크플로 파일 이름의 경우 기본값인 을 유지합니다codecatalyst-package-workflow.

2. 커밋 메시지에는 다음을 입력합니다.

   add initial workflow file

3. 리포지토리의 경우 선택합니다 hello-world-app.

4. 브랜치 이름으로 main을 선택합니다.

5. 커밋을 선택합니다.

이제 워크플로가 생성되었습니다.

방금 만든 워크플로 옆의 (codecatalyst-package-workflow) 작업을 선택한 다음 실행을 선택합니다.

워크플로 실행이 시작됩니다.

오른쪽 상단의 녹색 알림에서 실행 링크를 선택합니다. 링크는 다음과 비슷해 보입니다View Run-1234.

실행을 시작한 사람과 RunHelloWorldApp작업을 보여주는 워크플로 다이어그램이 나타납니다.

RunHelloWorldApp작업 상자를 선택하여 작업 진행 상황을 확인합니다.

실행이 끝나면 으로 이동하십시오. 5단계: 워크플로우 확인

워크플로 다이어그램에서 상자를 선택합니다. RunHelloWorldApp

로그 메시지 목록이 나타납니다.

node index.js로그 메시지를 확장하세요.

다음과 같은 메시지가 나타납니다.

[Container] 2024/04/24 21:15:41.545650 Running command node index.js
Hello World

Hello Word(대신hello-world) 이 나타나면 lodash 종속성이 성공적으로 사용되었음을 나타냅니다.

npm list로그를 확장하세요.

다음과 비슷한 메시지가 나타납니다.

└── lodash@4.17.20

이 메시지는 워크플로 작업을 실행하는 Docker 이미지에 lodash 버전 4.17.20이 다운로드되었음을 나타냅니다.

탐색 창에서 Packages(패키지)를 선택합니다.

선택하세요 npm-publish-registry-gateway.

lodash를 선택합니다.

상단에서 Origin 컨트롤을 선택합니다.

업스트림에서 차단을 선택합니다.

저장(Save)을 선택합니다.

이제 npmjs.com에서 게이트웨이 리포지토리 (및 다운스트림 리포지토리 및 컴퓨터) 로 가져오기를 차단했습니다.

개발 환경으로 전환하세요.

이전에 CodeCatalyst 콘솔을 사용하여 만든 codecatalyst-package-workflow.yaml 파일을 가져오세요.

git pull

/hello-world-app/package.json를 엽니다.

다음과 같이 버전을 4.17.21로 변경합니다. lodash red bold:

{
  "name": "hello-world-app",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "lodash": "4.17.21"
  }
}

이제 package.json 파일의 버전 (4.17.21) 과 게이트웨이 및 CodeCatalyst 패키지 리포지토리의 버전 (4.17.20) 간에 불일치가 발생했습니다.

추가, 커밋, 푸시:

git add .
git commit -m "update package.json to use lodash 4.17.21"
git push

버전이 일치하지 않는 워크플로를 실행하십시오.

워크플로가 실패했는지 확인:

탐색 창에서 Packages(패키지)를 선택합니다.

npm-publish-registry-gateway선택하세요.

lodash를 선택합니다.

상단에서 Origin 컨트롤을 선택합니다.

업스트림에서 허용을 선택합니다.

저장(Save)을 선택합니다.

이제 의 가져오기 차단을 해제했습니다. lodash

이제 워크플로에서 버전 4.17.21을 가져올 수 있습니다. lodash

워크플로를 다시 실행하세요. 이제 4.17.21의 임포트가 제대로 작동할 것이므로 이번에는 워크플로가 성공해야 합니다. 워크플로를 다시 실행하려면:

버전 4.17.21을 사용자 및 게이트웨이 리포지토리로 가져왔는지 확인하십시오. CodeCatalyst

codecatalyst-package-project다음을 삭제하십시오.

1. 아직 codecatalyst-package-project 프로젝트에 참여하지 않았다면 CodeCatalyst 콘솔에서 해당 프로젝트로 이동하세요.

2. 탐색 창에서 프로젝트 설정을 선택합니다.

3. 프로젝트 삭제를 선택하고 를 입력한 다음 delete 프로젝트 삭제를 선택합니다.

   CodeCatalyst 소스, 게이트웨이, CodeCatalyst 패키지 리포지토리를 포함한 모든 프로젝트 리소스를 삭제합니다. 개발 환경도 삭제됩니다.

PAT토큰 삭제:

1. 오른쪽에서 사용자 이름을 선택한 다음 내 설정을 선택합니다.

2. 개인용 액세스 토큰에서 이 자습서에서 생성한 토큰을 선택하고 삭제를 선택합니다.