JSON 서버 시작하기

안녕하세요 여러분👋
오늘 우리는 JSON 서버와 그것을 시작하는 방법에 대해 배울 것입니다.

바탕 화면에 모의 서버 폴더를 만들고 VS 코드에서 엽니다.

JSON-Server의 공식 git-repo로 이동합니다.

이제 vs-code에서 터미널을 엽니다.
1/실행 명령npm init처리하는 데 시간이 걸리므로 예를 클릭하십시오. & 폴더에 package.json 파일을 생성합니다.

2/실행 명령npm install --save json-server처리하는 데 시간이 걸리며 node_modules 폴더 및 package-lock.json 파일이 추가됩니다.

참고⚠️: 폴더를 Github에 푸시하려면 아래 명령을 실행하십시오.

git init

touch .gitignore그런 다음 그 안에 writenode_modules로 방금 생성한 .gitignore 파일을 엽니다. 따라서 해당 폴더를 무시하고 Github에 푸시합니다.

3/터미널에서 명령 실행touch database.jsonJSON server의 공식 git-repo에서 코드 복사-붙여넣기

{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}

4/package.json 파일로 이동
스크립트에서 추가"start": "json-server --watch database.json"
5/실행 명령npm run start그것은 database.json을 로드할 것입니다.
거기에서 URL을 복사하여 붙여넣기localhost:3000 Chrome 브라우저를 실행합니다.

6/우편 배달부로 이동
원하는 요청이 무엇이든 우편 배달부로 가십시오. 선택 get , 선택 body , 선택 row , 선택 json따라서 브라우저에서 코드를 복사하여 여기에 붙여넣은 다음 보내기를 누르십시오. package.json file에서 응답을 받게 됩니다. 거기에 데이터가 추가됩니다.

같은 방법으로 patch request 만들 수 있습니다.

유용한 리소스

노드의 경우 npm 설치:

https://github.com/jasongin/nvs

https://github.com/nvm-sh/nvm#intro

모의 데이터를 생성하려면:

https://www.mockaroo.com/

Json 서버:

https://github.com/typicode/json-server#getting-started

Github

JSON 서버

모든 종류의 요청에 대해 쉽게 서버 설정

mkdir api-mocker

cd api-mocker


npm init ( press enter for everything )
// the above command will create a package.json file
// you are creating a new project here
// npm means node package manager

npm install json-server
// this will add json-server as a package into your project

// open package.json file and the following to the scripts key
// db.json is the file that you need to add your json for
"start" : "json-server --watch db.json"

npm run start 
// run this for starting the server

// alternatively
json-server --watch db.json

GET    /posts
GET    /posts/1
POST   /posts
PUT    /posts/1
PATCH  /posts/1
DELETE /posts/1

GET    /profile
POST   /profile
PUT    /profile
PATCH  /profile

필터

GET /posts?title=json-server&author=typicode
GET /posts?id=1&id=2
GET /comments?author.name=typicode

쪽수 매기기

GET /posts?_page=7
GET /posts?_page=7&_limit=20

종류

GET /posts?_sort=views&_order=asc
GET /posts/1/comments?_sort=votes&_order=asc

연산자

Add _gte or _lte for getting a range

GET /posts?views_gte=10&views_lte=20
Add _ne to exclude a value

GET /posts?id_ne=1
Add _like to filter (RegExp supported)

GET /posts?title_like=server

전체 텍스트 검색

Add q

GET /posts?q=internet

대체 포트

--port 플래그를 사용하여 다른 포트에서 JSON 서버를 시작할 수 있습니다.

json-server --watch db.json --port 3004

package.json의 스크립트에서 이것을 수정하십시오.

JSON 서버 HEROKU 배포

https://github.com/nbkhope/fake-restful-api
포트를 변경하려면 index.js로 이동하여 3000에서 원하는 다른 번호로 변경하십시오.

그래서 나머지는 스스로 시도하고 탐색하십시오. 흥미로울 것입니다. 지금은 여기까지입니다. 다음 기사에서 만나요.🤟
이 기사가 유용하다고 생각되면 업데이트 💯를 팔로우하고 LinkedIn 및 Twitter에서 나와 연결할 수 있습니다.✅
확인해 주셔서 감사합니다 :))