>웹 프론트엔드 >JS 튜토리얼 >렌더링 시 json-server를 배포하는 방법

렌더링 시 json-server를 배포하는 방법

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-11-18 13:07:02593검색

How To Deploy a json-server on render

JSON-DB 서버 생성 및 렌더링 시 배포에 대한 간단한 단계별 가이드
json-server는 모의 REST API를 빠르게 생성하기 위한 도구입니다! 시작하려면 다음 요구 사항을 충족하는지 확인하세요.

NodeJS(npm)
시작해 보세요!

빈 폴더에서 터미널/CMD에서 다음을 실행하여 nodejs 애플리케이션을 시작합니다.

npm init -y

완료되면 다음 패키지를 설치합니다.
`
JSON 서버

json-serve

코르
`

npm install json-server json-serve cors

설치 후 index.js라는 새 파일을 만듭니다. 이는 json-serve의 진입점입니다. 파일 내부에 다음을 추가합니다:

`
const jsonServer = require("json-server"); // json-server 라이브러리 가져오기
const 서버 = jsonServer.create();
const router = jsonServer.router("db.json");
const 미들웨어 = jsonServer.defaults();
const 포트 = process.env.PORT || 3001; // 여기서는 어떤 포트 번호든 사용할 수 있습니다. 저는 3001을 사용하기로 결정했습니다

server.use(미들웨어);
server.use(라우터);

server.listen(포트);
`
위 코드에서는 json 파일인 db.json

에서 데이터를 가져오고 업데이트하는 서버가 생성되었습니다.

프로젝트 루트에서 새 파일 db.json을 만들고 다음을 추가합니다.


{
"피드백": [
{
"id": 1,
"평가": 10,
"user_name": "토니 스타크",
"text": "당신은 이 세상의 아이언맨입니다"
},
{
"id": 2,
"평가": 9,
"user_name": "브루스 웨인",
"text": "당신은 이 세상의 배트맨입니다"
},
{
"id": 3,
"평가": 8,
"user_name": "피터 파커",
"text": "당신은 이 세상의 스파이더맨입니다"
}
]
}

모의 서버를 실행할 준비가 되었지만 package.json에 몇 가지 스크립트를 추가해 보겠습니다.

"스크립트"를 다음으로 업데이트하세요.


"스크립트": {
"시작": "노드 index.js"
},

렌더링 시 배포 :-
사이트로 이동 : - https://dashboard.render.com/

웹 서비스 선택

Github에 연결

Github으로 이동하여 새 저장소 만들기

이 저장소를 복제하고 위에 언급된 모든 파일을 생성하고 json-server를 설치합니다.

Github에 모든 코드 푸시

렌더링으로 이동하여 모든 json 서버 코드를 푸시하는 Github Repo를 선택하세요

아래 웹 서비스 생성 버튼을 클릭하세요

진행될 때까지 몇 분 정도 기다렸다가 즐기세요

이 기사가 여러분에게 도움이 되기를 바랍니다. 즐거운 코딩 되세요! || 이 글에 좋아요 ♥

위 내용은 렌더링 시 json-server를 배포하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.