JSON Server-30초로 자신만의 Mock RESTful API를 빠르게 설정

이 기사에서는 예제 REST API를 30초 안에 빠르게 개발할 수 있는 노드 모듈인 JSON 서버를 사용합니다.

아직 Node.JS를 설치하지 않은 경우 이 웹사이트here를 참조하여 Node.JS를 설치하는 방법을 알아보세요.

시작하기

백엔드 폴더 내부의 파일 구조로 visual studio code에 생성하여 새 프로젝트를 시작합니다.

Mock API
 |- db.json
 |- server.js
 |- package.json
 |- package-lock.json
 |- node_modules

이제 아래에 다음 명령을 추가하여 내 컴퓨터에 출력과 함께 json-server를 설치할 수 있습니다.

// Install the JSON Server
npm install json-server

데이터베이스를 라우터로 설정하고 서버를 구성하고 server.js 포트에 대한 기본 미들웨어를 활용한 다음 수신해야 합니다. 시작 스크립트를 실행하면 이전 기능이 복원되지만 이제 훨씬 더 많은 유연성이 있습니다.

const jsonServer = require('json-server');
const server = jsonServer.create();
const router = jsonServer.router('db.json');
const middlewares = jsonServer.defaults();
const port = process.env.PORT || 3000;

// Set default middlewares + default router
server.use(middlewares);
server.use(router);

// listen to port
server.listen(port, () => {
    console.log(`JSON Server is running on ${port}`)
});

db.json 파일에 대한 일부 데이터로 데이터베이스를 생성합니다.

{
    "quotes":[
        { "quote": "Kindness is the only service that will stand the storm of life and not wash out.", "author": "Abraham Lincoln"},
        { "quote": "Long Before being nerdy was cool, there was Leonard Nimoy", "author": "Barack Obama"},
        { "quote": "99% of failures come from people who make excuses.", "author": "George Washington"},
        { "quote": "Whenever you do a thing, act as if all the world were watching.", "author": "Thomas Jefferson"},
        { "quote": "If your actions inspire others to dream more, learn more, do more and become more, you are a leader.", "author": "John Quincy Adams"},
        { "quote": "The advancement and diffusion of knowledge is the only guardian of true liberty.", "author": "James Madison"},
        { "quote": "If tyranny and oppression come to this land it will be in the guise of fighting a foreign enemy.", "author": "James Madison"},
        { "quote": "A little flattery will support a man through great fatigue", "author": "James Monroe"},
        { "quote": "Try and fail, but don’t fail to try.", "author": "John Quincy Adams"},
        { "quote": "Any man worth his salt will stick up for what he believes right, but it takes a slightly better man to acknowledge instantly and without reservation that he is in error.", "author": "Andrew Jackson "},
        { "quote": "It is easier to do a job right than to explain why you didn't.", "author": "Martin Van Buren"},
        { "quote": "There is nothing more corrupting, nothing more destructive of the noblest and finest feelings of our nature, than the exercise of unlimited power.", "author": "William Henry Harrison"},
        { "quote": "It is not strange… to mistake change for progress", "author": "Millard Fillmore"},
        { "quote": "You don’t know what you can miss before you try.", "author": "Franklin Pierce"},
        { "quote": "Leave nothing for tomorrow which can be done today.", "author": "Abraham Lincoln"},
        { "quote": "I mean to make myself a man, and if I succeed in that, I shall succeed in everything else.", "author": "James Garfield"},
        { "quote": "Great lives never go out; they go on.", "author": "Benjamin Harrison"},
        { "quote": "It is hard to fail, but it is worse never to have tried to succeed.", "author": "Theodore Roosevelt"},
        { "quote": "Be patient and calm; no one can catch a fish with anger.", "author": "Herbert Hoover"},
        { "quote": "The only thing we have to fear is fear itself.", "author": "Franklin D. Roosevelt"},
        { "quote": "The only limit to our realization of tomorrow will be our doubts of today.", "author": "Dwight D. Eisenhower"},
        { "quote": "It's amazing what you can accomplish if you do not care who gets the credit.", "author": "Harry S. Truman"},
        { "quote": "Forgive your enemies, but never forget their names.", "author": "John F. Kennedy"},
        { "quote": "Testing oneself is best when done alone.", "author": "Jimmy Carter"},
        { "quote": "Efforts and courage are not enough without purpose and direction.", "author": "John F. Kennedy"},
        { "quote": "Live simply, love generously, care deeply, speak kindly, leave the rest to God.", "author": "Ronald Reagan"},
        { "quote": "I have opinions of my own, strong opinions, but I don't always agree with them.", "author": "George H.W. Bush"},
        { "quote": "We all do better when we work together. Our differences do matter, but our common humanity matters more.", "author": "Bill Clinton"},
        { "quote": "A dictatorship would be a heck of a lot easier, there's no question about it.", "author": "George W. Bush"},
        { "quote": "If you’re walking down the right path and you’re willing to keep walking, eventually you’ll make progress", "author": "Barack Obama"},
        { "quote": "When somebody challenges you, fight back. Be brutal, be tough.", "author": "Donald J Trump"},
        { "quote": "If I don't run for president, we'll all be OK.", "author": "Joe Biden"},
        { "quote": "Change will not come if we wait for some other person, or if we wait for some other time.", "author": "Barack Obama"}
    ]
}

JSON 서버 실행

JSON 서버를 연 다음 localhost 데이터베이스를 시작합니다.

npx json-server --watch db.json

이제 요청을 http://localhost:3000/quotes로 보낼 수 있으며 다음을 반환합니다.

Heroku 배포 | 3단계 배포

heroku에서 계정을 만드십시오.

computer에 Heroku CLI를 설치합니다.

터미널에 다음 명령을 작성하여 Heroku CLI를 계정에 연결하고 명령줄의 지침을 따릅니다.

heroku login

그런 다음 GitHub git 리포지토리를 시작하는 것과 유사한 원격 Heroku 프로젝트를 시작합니다. 임의의 이름으로 결과적으로 Heroku에 프로젝트가 생성됩니다. 프로그램 이름을 지정하려면 "Heroku create project-name"과 같은 고유한 이름을 제공해야 합니다.

heroku create my-cool-project

앱을 Heroku로 푸시:

git push heroku master

heroku을 통해 새로 만든 앱을 열어 방문하십시오.

heroku open

문제가 발생한 경우 디버깅을 위해:

heroku logs --tail

Check It Out! 🔥

결론

읽어주셔서 감사합니다. 연결해 봅시다!

언제든지 내email newsletter를 구독하고 에서 연결하세요.