개요

본고는 피드백 디자인 플랫폼 Now를 이용하여 자동으로 디버깅하는 방법을 소개했다.

Now 정보

사용된 Now 버전은 v2입니다.

가져오기

npm

$ npm install -g now

yarn

$ yarn global add now

로그인

$ now login

CLI 수동 설계

now.json를 만들고 now 명령을 실행하면 디버깅을 할 수 있습니다.

Next.응용 프로그램의 now입니다.json의 예

now.json

{
    "version": 2,
    "name": "example-app",
    "builds": [{
        "src": "next.config.js",
        "use": "@now/next"
    }],
    "routes": [{
        "src": "/(.*)",
        "dest": "/$1"
    }]
}

프로그램 설계

$ now

공식 환경을 위한 설계

now.json의alias에서 실제 환경에서 사용하는 영역을 기술할 수 있습니다.
https://zeit.co/docs/v2/domains-and-aliases/aliasing-a-deployment
now.json

{
  "version": 2,
  "alias": "example-domain.com"
}

alias에서 지정한 URL을 처리할 때 다음 명령을 실행합니다.

$ now --target production

명령으로alias를 직접 지정하여 디버깅할 수도 있습니다.

$ now alias https://get-started-hwbbrak5g.now.sh example-domain.com

도메인 이름은 Now의 대시보드에서 구입할 수 있습니다.

GiitHub 공동 작업을 통한 자동 디버깅

Now 대시보드의 GiitHub Integration에서 협력할 수 있습니다.

연합하면 자동으로 합작된 창고를 마스터에 제출하고 정식 환경에서 예처리된다.
또 다른 제출도 디버깅을 하고 독특한 URL을 할당한다.
URL을 공유하면 모든 약속의 개발 상황을 간단하게 공유할 수 있어 편리하다고 생각합니다.
이러한 기능의 유효/무효화 설정 등도 존재하지 않는다.json에 기술할 수 있습니다.
https://zeit.co/docs/v2/deployments/configuration/?query=autoalias#github.enabled

AzurePiperlines로 설계

위에서 말한 바와 같이 Now의 GiitHub 연합의 자동 디버깅 기능은 매우 강하기 때문에 디버깅 자동화에만 사용된다면 기본적으로 필요없지만 테스트를 한 후에 디버깅을 하려면 CI 도구를 사용하는 것이 가장 좋다.
이번에는 Azure Pipelines를 활용해 봤습니다.
Azure Piperlines에 azure-piperlines가 설정되어 있습니다.yml에 기술하다.
Next.js+ 테스트 도구는 Jest의 구상입니다.
azure-pipelines.yml

trigger:
- master

variables:
  CI: true

jobs:
- job: Ubuntu
  pool:
    vmImage: 'ubuntu-latest'

  steps:
  - task: NodeTool@0
    inputs:
      versionSpec: '10.x'
    displayName: 'Install Node.js'

  - script: |
      npm install
    displayName: 'npm install'
  - script: |
      npm run test
    displayName: 'exec test'
  - script: |
      npm run build
    displayName: 'exec build'
  - script: |
      npm install --global now
      now --target production --token xxxxxxxxxxx
    displayName: 'exec deploy'

환경 변수 CI=True을 설정하여 Jest를 대화식 모드가 아닌 모드로 실행합니다.
Now에 로그인하지 않은 상태이기 때문에 디버깅을 하려면 Token이 필요합니다.
계기판으로 토큰을 만들 수 있다.

이렇게 해서 마스터에서commiit를 할 때 자동으로 테스트를 하고 정식적인 환경에서 설계를 했습니다.