튜토리얼: 액션을 GitHub 사용한 린트 코드

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

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

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

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

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

codecatalyst-linter-source-repository

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

CodeCatalyst 콘솔에서 프로젝트 () 를 선택합니다codecatalyst-linter-project.

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

소스 리포지토리 목록에서 리포지토리를 선택합니다. codecatalyst-linter-source-repository

파일에서 파일 생성을 선택합니다.

텍스트 상자에 다음 코드를 입력합니다.

// const axios = require('axios')
// const url = 'http://checkip.amazonaws.com/';
let response;
/**
 *
 * Event doc: https://docs.aws.amazon.com/apigateway/latest/developerguide/set-up-lambda-proxy-integrations.html#api-gateway-simple-proxy-for-lambda-input-format
 * @param {Object} event - API Gateway Lambda Proxy Input Format
 *
 * Context doc: https://docs.aws.amazon.com/lambda/latest/dg/nodejs-prog-model-context.html 
 * @param {Object} context
 *
 * Return doc: https://docs.aws.amazon.com/apigateway/latest/developerguide/set-up-lambda-proxy-integrations.html
 * @returns {Object} object - API Gateway Lambda Proxy Output Format
 *
 */
exports.lambdaHandler = async (event, context) => {
  try {
    // const ret = await axios(url);
    response = {
      statusCode: 200,
      'body': JSON.stringify({
        message: 'hello world'
        // location: ret.data.trim()
      })
    }
  } catch (err) {
    console.log(err)
    return err
  }

    return response
}

파일 이름에 를 입력합니다app.js. 다른 기본 옵션은 그대로 유지합니다.

커밋을 선택합니다.

라는 파일이 생성되었습니다app.js.

CodeCatalyst 콘솔에서 프로젝트를 선택합니다. codecatalyst-linter-project

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

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

소스 리포지토리의 경우 선택합니다codecatalyst-linter-source-repository.

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

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

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

YAML다음을 추가하세요.

Name: codecatalyst-linter-workflow
SchemaVersion: "1.0"
Triggers:
  - Type: PUSH
    Branches:
      - main
Actions:
  SuperLinterAction:
    Identifier: aws/github-actions-runner@v1
    Configuration:
      Steps:
        github-action-code

위 코드에서 다음을 대체하십시오.github-action-code 이 절차의 다음 단계에 설명된 대로 Super-Linter 액션 코드를 사용하십시오.

마켓플레이스의 슈퍼-린터 페이지로 이동하세요. GitHub

steps:(소문자) 에서 코드를 찾아 (대문자) 의 CodeCatalyst 워크플로우에 붙여넣습니다. Steps:

다음 코드와 같이 CodeCatalyst 표준을 준수하도록 GitHub 액션 코드를 조정하십시오.

이제 CodeCatalyst 워크플로는 다음과 같습니다.

Name: codecatalyst-linter-workflow
SchemaVersion: "1.0"
Triggers:
  - Type: PUSH
    Branches:
      - main
Actions:
  SuperLinterAction:
    Identifier: aws/github-actions-runner@v1
    Configuration:
      Steps:
        - name: Lint Code Base
          uses: github/super-linter@v4
          env:
            VALIDATE_ALL_CODEBASE: "true"
            DEFAULT_BRANCH: main

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

[커밋] 을 선택하고 커밋 메시지를 입력한 다음 codecatalyst-linter-source-repository 리포지토리를 선택하고 [커밋] 을 다시 선택합니다.

이제 워크플로가 생성되었습니다. 워크플로 맨 위에 정의된 트리거로 인해 워크플로 실행이 자동으로 시작됩니다.

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

방금 만든 워크플로를 선택합니다. codecatalyst-linter-workflow

워크플로 다이어그램에서 선택합니다 SuperLinterAction.

작업이 실패할 때까지 기다리세요. 린터가 코드에서 문제를 발견했기 때문에 이 오류가 발생할 것으로 예상됩니다.

CodeCatalyst 콘솔을 열어 두고 로 이동하십시오. 4단계: 슈퍼 린터가 발견한 문제 해결

CodeCatalyst 콘솔에서 로그 탭을 선택한 다음 린트 코드 베이스를 선택합니다.

Super-Linter 작업에서 생성된 로그가 표시됩니다.

Super-Linter 로그에서 90줄 근처까지 아래로 스크롤하면 문제의 시작 부분을 확인할 수 있습니다. 다음과 비슷해 보입니다.

/github/workspace/hello-world/app.js:3:13: Extra semicolon.
/github/workspace/hello-world/app.js:9:92: Trailing spaces not allowed.
/github/workspace/hello-world/app.js:21:7: Unnecessarily quoted property 'body' found.
/github/workspace/hello-world/app.js:31:1: Expected indentation of 2 spaces but found 4.
/github/workspace/hello-world/app.js:32:2: Newline required at end of file but not found.

소스 리포지토리에서 app.js 수정하고 README.md 변경 사항을 적용하십시오.

```markdown
Setup examples:
...
```

변경하면 다른 워크플로가 자동으로 실행됩니다. 워크플로가 완료될 때까지 기다리세요. 모든 문제를 해결했으면 워크플로가 성공적으로 완료될 것입니다.

https://codecatalyst.aws/ 에서 CodeCatalyst 콘솔을 여세요.

삭제codecatalyst-linter-source-repository.

삭제codecatalyst-linter-workflow.