> 웹 프론트엔드 > JS 튜토리얼 > JSON 서버 예제

JSON 서버 예제

Joseph Gordon-Levitt
풀어 주다: 2025-03-09 00:33:22
원래의
479명이 탐색했습니다.

JSON Server Example

JSON 서버 예제 이 JSON 서버 예제는 2017 년 중반에 최신 정보와 새로운 예제로 다시 작성된 기사 시리즈의 일부입니다. JSON 서버는 1 분 안에 완전히 가짜 REST API를 신속하게 설정할 수있는 프론트 엔드 개발자에게 인기있는 도구입니다. NPM을 통해 먼저 설치해야합니다.

다음, JSON 파일에 일부 데이터를 저장하고 이름을 지정하고 db.json :

마지막으로 다음 명령으로 서버를 시작하십시오 이제 적절한 클라이언트로 간단한 REST API에 액세스 할 수 있습니다. 현재 Chrome, Firefox 또는 Safari와 같은 최신 브라우저가 할 것입니다. http : // localhost : 3000/clients를 열면 전체 미니어처 데이터베이스가 JSON 형식으로 표시됩니다. 요청 형식 http : // localhost : 3000/clients/{id}를 사용하여 ID로 항목을 볼 수 있습니다. 예를 들어, http : // localhost : 3000/clients/59761c233d0f92a6b0570d를 열면 다음과 같습니다 JSON 서버에 대해 자세히 알아 보려면 JSON-Server 를 사용하여 튜토리얼 모의 REST API를 확인하십시오. 또한 또한 : 더 많은 JSON 예제를 참조하십시오. 이 시리즈의 다른 예는 다음과 같습니다.

색상 json 예 Google Maps JSON 예제 YouTube JSON 예 트위터 JSON 예 geoip json 예 WordPress JSON 예제 데이터베이스 JSON 예 로컬 REST JSON 예 테스트 데이터 JSON 예제
<span>npm install -global json-server
</span>
로그인 후 복사
JSON Server 에 대한 자주 묻는 질문 (FAQ)
JSON 서버를 사용하는 주요 목적은 무엇입니까? JSON 서버는 개발 목적으로 가짜 REST API를 설정하는 데 주로 사용되는 간단한 도구입니다. 이를 통해 개발자는 복잡한 백엔드를 설정하지 않고도 프로토 타입 및 응용 프로그램을 개발할 수 있습니다. 이는 모의 백엔드로 프론트 엔드 코드를 빠르게 테스트하려는 경우 특히 유용합니다. JSON 파일을 사용하여 데이터베이스를 생성하고 모든 표준 REST API 엔드 포인트를 상자 밖으로 제공합니다.
<span>{
</span>  <span>"clients": [
</span>    <span>{
</span>      <span>"id": "59761c23b30d971669fb42ff",
</span>      <span>"isActive": true,
</span>      <span>"age": 36,
</span>      <span>"name": "Dunlap Hubbard",
</span>      <span>"gender": "male",
</span>      <span>"company": "CEDWARD",
</span>      <span>"email": "dunlaphubbard@cedward.com",
</span>      <span>"phone": "+1 (890) 543-2508",
</span>      <span>"address": "169 Rutledge Street, Konterra, Northern Mariana Islands, 8551"
</span>    <span>},
</span>    <span>{
</span>      <span>"id": "59761c233d8d0f92a6b0570d",
</span>      <span>"isActive": true,
</span>      <span>"age": 24,
</span>      <span>"name": "Kirsten Sellers",
</span>      <span>"gender": "female",
</span>      <span>"company": "EMERGENT",
</span>      <span>"email": "kirstensellers@emergent.com",
</span>      <span>"phone": "+1 (831) 564-2190",
</span>      <span>"address": "886 Gallatin Place, Fannett, Arkansas, 4656"
</span>    <span>},
</span>    <span>{
</span>      <span>"id": "59761c23fcb6254b1a06dad5",
</span>      <span>"isActive": true,
</span>      <span>"age": 30,
</span>      <span>"name": "Acosta Robbins",
</span>      <span>"gender": "male",
</span>      <span>"company": "ORGANICA",
</span>      <span>"email": "acostarobbins@organica.com",
</span>      <span>"phone": "+1 (882) 441-3367",
</span>      <span>"address": "697 Linden Boulevard, Sattley, Idaho, 1035"
</span>    <span>}
</span>  <span>]
</span><span>}
</span>
로그인 후 복사
JSON 서버를 설치하려면 어떻게해야합니까?

JSON 서버는 Node.js 모듈이며 NPM (Node 패키지 관리자)을 사용하여 설치할 수 있습니다. 터미널 또는 명령 프롬프트에서 명령 npm install -g json -server를 실행하여 시스템에 전역으로 설치할 수 있습니다. 일단 설치되면 JSON-SERVER 명령 -Watch DB.JSON으로 서버를 시작할 수 있습니다. 여기서 DB.JSON은 데이터베이스 파일입니다.

JSON 서버에서 사용자 정의 경로를 만드는 방법
json-server <span>--watch src/db.json
</span>
로그인 후 복사

JSON 서버를 사용하면 lose.json 파일을 작성하여 사용자 정의 경로를 정의 할 수 있습니다. 이 파일에서는 경로를 다른 JSON 객체에 매핑 할 수 있습니다. 예를 들어,/api/posts에/post를 맵핑하려면 lours.json 파일에서 { "/api/posts": "/posts"}로 정의합니다. 그런 다음 JSON-SERVER (Watch db.json-routes lours.json. 제작에 JSON 서버를 사용할 수 있습니까?

JSON 서버는 프로토 타이핑 및 개발을위한 강력한 도구이지만 생산 사용에는 권장되지 않습니다. 생산 환경에 필요한 보안 및 성능 최적화가 부족합니다. 제작하려면 적절한 데이터베이스 및 서버 설정을 사용해야합니다.

JSON 서버에 데이터를 추가하려면 어떻게해야합니까?

DB.JSON 파일을 수정하여 JSON 서버에 데이터를 추가 할 수 있습니다. 이 파일은 데이터베이스 역할을하며 JSON 객체의 각 키는 다른 리소스에 해당합니다. 예를 들어, 새 게시물을 추가하려면 DB.JSON 파일의 게시물 배열에 새 개체를 추가합니다.

JSON 서버에서 데이터를 필터링하려면

json 서버는 쿼리 매개 변수를 사용하여 데이터 필터링을 지원합니다. 예를 들어, "Hello World"라는 제목의 모든 게시물을 받으려면 Get Request를 /게시물로 보내야합니까? Title = Hello World. 이것은 제목이 "hello world"인 모든 게시물을 반환합니다.

다른 프로그래밍 언어와 함께 JSON 서버를 사용할 수 있습니까?

예, JSON 서버는 언어에 대한 언어가 아니며 HTTP 요청을 보낼 수있는 프로그래밍 언어와 함께 사용할 수 있습니다. 여기에는 JavaScript, Python, Ruby, Java 등이 포함됩니다.

JSON Server에서 데이터를 Pagination하려면 어떻게해야합니까?

JSON Server는 _PAGE 및 _LIMIT Query 매개 변수를 사용하여 페이지 매김을 지원합니다. 예를 들어, 처음 10 개의 게시물을 얻으려면 GET 요청을 /게시물로 보내야합니까? _PAGE = 1 & _LIMIT = 10. JSON Server에서 데이터를 정렬 할 수 있습니까?

예, JSON Server는 _SORT 및 _Order 쿼리 매개 변수를 사용하여 데이터 정렬을 지원합니다. 예를 들어, 오름차순으로 제목으로 게시물을 정렬하려면 /게시물로 GET 요청을 보내야합니까? _SORT = Title & _ORDER = ASC.

JSON 서버에서 데이터를 업데이트 할 수 있습니까?

리소스의 URL에 Put 또는 패치 요청을 보내서 JSON 서버에서 데이터를 업데이트 할 수 있습니다. 예를 들어, 게시물 제목을 업데이트하려면 Put 또는 Patch Request /1에 Put 또는 Patch Request를 보내며, 여기서 1은 게시물의 ID이며 요청 본문에 새 제목이 있습니다.

위 내용은 JSON 서버 예제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿