[JavaScript] 3천원으로 나만의 api 만들기 1

먼저 어떤 api를 만들지 결정합니다.

저는 운세를 봐주는 api 를 만들겁니다.

 

프로젝트 파일 생성

터미널 명령어

mkdir [my_project]

cd my_project && code .

/my_project

 

혹은 직접 만들어 주셔도 상관없습니다.

 

프로젝트에 필요한 패키지 설치

1. npm init -y

javascript로 만들 것이기 때문에, express를 설치해줍니다.

2. npm install express

 

아래의 코드를 넣어줍니다.

//index.js

import express from "express";
const app = express();
const port = 3000;

// 운세 데이터
const fortunes = [
  "오늘은 매우 길한 날입니다.",
  "주의: 오늘은 조심해야 할 것이 있을 거에요.",
  "기회가 올 것입니다, 준비하세요.",
  "사랑이 꽃피는 날이에요. 가까운 사람을 챙겨보세요.",
  "건강에 유의하세요. 쉼이 필요한 하루입니다.",
];

// 랜덤 운세를 반환하는 라우트
app.get("/fortune", (req, res) => {
  const randomIndex = Math.floor(Math.random() * fortunes.length);
  res.send({ fortune: fortunes[randomIndex] });
});

app.listen(port, () => {
  console.log(
    `Fortune API 서버가 http://localhost:${port} 에서 실행 중입니다.`
  );
});

 

 

3. api가 정상적으로 작동하는지 테스트 해봅시다.

npm install node-fetch

//fetchTest.js

import fetch from "node-fetch";

const fetchTest = () => {
  fetch(`http://localhost:3000/fortune`)
    .then((response) => response.json())
    .then((data) => {
      console.log("Answer:", data.fortune);
    })
    .catch((error) => console.error("Error:", error));
};

fetchTest();

 

4. 테스트 방법

node index.js (api 서버 실행)

node fetchTest.js (데이터 fetch)

 

위처럼 동작한다면 정상적으로 셋팅이 완료 되었습니다.

 

다음 글에서는 해당 파일을 로컬이 아닌 서버에 띄우는 작업을 해보겠습니다!

https://borobong230.tistory.com/124

[JavaScript] 3천원으로 나만의 api 만들기 2 - lightsail 로 api 환경 셋팅