백엔드를 구축하는 것은 시간이 많이 걸리고 프런트엔드 개발자에게 비교적 어렵습니다. 백엔드 자동화 도구를 사용하더라도 몇 가지 스크립트를 작성하고 엔드포인트, 모델 등을 만들어야 합니다.

개발자가 동일한 작업을 수행할 수 있도록 몇 분 만에 완벽하게 작동하는 백엔드로 가는 최단 경로인 ChiselNow 를 출시했습니다.

프런트엔드를 빌드하고 TypeScript에서 모델을 정의하고 몇 번의 클릭만으로 전체 REST API를 사용할 수 있습니다. 가입이나 신용 카드가 필요하지 않으며 시작하는 데 비용이 들지 않습니다.

계속해서 ChiselNow로 완전한 기능의 CRUD API를 구축하는 방법을 알아보겠습니다.

CRUD API 구축

ChiselNow 로 이동 하여 조금 아래로 스크롤합니다. ChiselNow가 지원하는 다양한 종류의 사용 사례를 제안하는 몇 가지 템플릿 예제가 있습니다. 자신만의 TypeScript 클래스를 작성하여 도구를 탐색할 수도 있습니다.

제공된 템플릿의 예인 URL Shortener를 살펴보겠습니다.
URL Shortener 옵션을 클릭하면 코드 편집기에서 템플릿을 볼 수 있습니다.

• 템플릿에는 기본 클래스 이름과 몇 가지 속성이 있습니다. 이 자습서에서는 그대로 사용하겠습니다.
• 편집기의 왼쪽 모서리에 있는 상자를 선택하여 이용약관에 동의합니다.
• 이제 마지막 단계에서 "지금 API 만들기"를 클릭합니다. API를 생성하는 데 약 30초가 걸리며 그게 다입니다.

페이지에서 벗어나면 복구할 수 없으므로 엔드포인트 및 API 키를 시스템에 복사하십시오.

API 실행

API로 작업하는 동안 사용되는 용어에 대한 간략한 설명입니다.

• 끝점: 이 URL은 생성된 API에 대해 HTTP 요청을 만드는 데 사용되며 쿼리 문자열 매개 변수를 사용하여 이를 확장합니다.
• API 키: API 키는 인증에 사용되며 HTTP 헤더 X-Token의 모든 요청에서 제공되어야 합니다.
• CURL 명령: 엔티티 데이터를 읽고 쓰는 데 사용할 수 있는 샘플 명령 모음입니다.

POST 방식 : Database에 엔터티를 추가할 때 사용합니다.

curl -X POST \
-d ‘{“originalUrl”:”Fake String”,”shortenedUrl”:”Fake String”,”expiresAt”:”2022–11–18T12:49:22.216Z”}’ \
-H ‘X-Token: YOUR-UNIQUE-API-KEY’ \
‘https://YOUR-UNIQUE-PROJECT-NAME-chiselnow.chiselstrike.io/main/url-shorteners'

{
  “id”:”a54942da-6d05–48d9-b4e5-bd628306f652",
  ”originalUrl”:”Fake String”,
  ”shortenedUrl”:”Fake String”,
  ”expiresAt”:”2022–11–18T12:49:22.216Z”
}

curl : 모든 엔터티를 쿼리하는 데 사용됩니다.

curl ‘https://YOUR-UNIQUE-PROJECT-NAME-chiselnow.chiselstrike.io/main/url-shorteners

{
   "next_page":"/main/url-shorteners?cursor=eyJheGVzIjpbeyJrZXkiOnsiZmllbGROYW1lIjoiaWQiLCJhc2NlbmRpbmciOnRydWV9LCJ2YWx1ZSI6ImZjM2VkYzU2LTE5MjYtNGE5ZC1hYmY2LTQwYTU3NmQ3MDhiNiJ9XSwiZm9yd2FyZCI6dHJ1ZSwiaW5jbHVzaXZlIjpmYWxzZX0%3D",
   "prev_page":"/main/url-shorteners?cursor=eyJheGVzIjpbeyJrZXkiOnsiZmllbGROYW1lIjoiaWQiLCJhc2NlbmRpbmciOnRydWV9LCJ2YWx1ZSI6IjkwZWZkNmRkLTM2ZGQtNDkwMS04MmRjLTlkYTQzZTNjODc3MyJ9XSwiZm9yd2FyZCI6ZmFsc2UsImluY2x1c2l2ZSI6ZmFsc2V9",
   "results":[
      {
         "originalUrl":"Fake String 2",
         "shortenedUrl":"Fake String 2",
         "id":"UNIQUE_ID",
         "expiresAt":EXPIRE_TIME
      },
      {
         "shortenedUrl":"Fake String 1",
         "id":"UNIQUE_ID",
         "originalUrl":"Fake String 1",
         "expiresAt":EXPIRE_TIME
      },
      {
         "id":"UNIQUE_ID",
         "expiresAt":EXPIRE_TIME,
         "shortenedUrl":"Fake String 0",
         "originalUrl":"Fake String 0"
      }
   ]
}

DELETE 메서드 : 프로젝트에서 모든 엔터티를 삭제하는 데 사용됩니다. 이 작업은 취소할 수 없습니다.

curl -X DELETE \
-H ‘X-Token: YOUR-UNIQUE-API-KEY’ \ 
‘https://YOUR-UNIQUE-PROJECT-NAME-chiselnow.chiselstrike.io/main/url-shorteners?all=true'

“Deleted entities matching ?all=true”

산출:

{“results”:[]}

프로젝트에는 몇 가지 제한이 있습니다. 스토리지 및 대역폭 제한을 제외하고 2일 후에 자동으로 삭제됩니다. 생성한 데이터를 유지하면서 API를 계속 사용하려면 프로젝트를 ChiselStrike 플랫폼으로 가져올 수 있습니다.

프로젝트를 가져오는 방법

프로젝트를 가져오는 방법에는 두 가지가 있습니다.

ChiselNow 화면
에서 응용 프로그램을 가져오려면 오른쪽의 "가져오기" 버튼을 클릭하십시오.

GitHub 계정으로 로그인합니다.

ChiselStrike는 리포지토리를 읽고 쓸 수 있는 권한을 요청합니다. 권한을 부여하려면 "ChiselStrike 승인"을 클릭하십시오.

이제 "빈 Git 리포지토리 만들기"를 클릭하면 GitHub에서 새 리포지토리를 만들 수 있습니다. 일단 저장소가 생성됩니다.

Github 사용자 이름, 리포지토리 이름 및 프로젝트 이름으로 필드를 각각 채우십시오.

"계속"을 클릭하면 완료됩니다!

이제 ChiselStrike에 프로젝트에 대한 라이브 프로젝트 링크, 경로 및 기타 모든 정보가 있습니다.

ChiselStrike 플랫폼에서

이미 ChiselStrike 계정이 있는 경우 ChiselStrike 대시보드로 이동하십시오. "새 프로젝트"를 클릭합니다.

이제 "Import ChiselNow 프로젝트"를 클릭합니다.

이전 방법과 마찬가지로 새 GitHub 리포지토리를 만들고 ChiselStrike에 대한 액세스를 제공해야 합니다.

프로젝트를 처음 생성할 때 제공된 Github 사용자 이름, 리포지토리 이름, 프로젝트 이름, 엔드포인트 URL 및 API 키로 필드를 채웁니다. 여기에서 필요합니다.

"계속"을 클릭하면 완료됩니다!

프로젝트가 GitHub 리포지토리에도 푸시되었습니다. 경로, 모델 및 정책을 포함하여 모든 것을 GitHub 리포지토리로 자동으로 가져옵니다. 문서 를 확인하여 ChiselStrike로 수행할 수 있는 다른 작업에 대해 자세히 알아볼 수도 있습니다 .

축하합니다. 이제 ChiselNow로 모든 기능을 갖춘 프로젝트를 갖게 되었습니다. GitHub로 이동하여 더 많은 기능을 추가하고, 백엔드 코드를 작성하고, 모델을 수정하는 등의 작업을 수행할 수 있습니다. 코드가 GitHub 리포지토리로 푸시된 것을 볼 수 있습니다.

모델에서 원래 URL, 단축 URL 및 만료 날짜의 세 가지 속성이 있음을 볼 수 있습니다. 속성의 이름이나 유형을 변경하고 프로젝트에 따라 모델을 다시 작성할 수 있습니다. 자세한 내용은 설명서를 참조 하십시오 .

경로는 엔드포인트를 정의하는 위치입니다. 자세한 내용은 설명서를 참조 하십시오 .

더 복잡한 백엔드를 구축하고 프로토타입을 프로덕션으로 가져가려면 설명서 페이지를 확인하십시오.

Discord 또는 Twitter 에서 ChiselStrike 또는 ChiselNow를 사용하여 멋진 것을 만들면 알려주세요 .