Crypto 대시보드

실시간 데이터 암호화폐 가격을 가져와 대시보드 만들기

기능

이 애플리케이션은 포괄적인 암호화폐 대시보드 역할을 하며, Gemini API에서 가져온 암호화폐 가격에 대한 실시간 통계를 사용자에게 제공하도록 설계되었습니다. 이 대시보드는 Node.js 및 Express를 기반으로 하는 백엔드와 React를 사용하여 개발된 프런트엔드로 나뉩니다.
백엔드는 포트 5000에서 작동하며 프런트엔드와 Gemini API 간의 미디에이터 역할을 합니다. 백엔드의 주요 구성요소는 다음과 같습니다.
- `express.json()` 및 `express.urlencoded()` 를 사용하여 수신되는 요청 본문을 파싱합니다. 이는 10MB 제한으로 구성되어 있어 더 큰 페이로드와의 호환성을 보장합니다.
- `cors` 미들웨어를 사용하여 CORS (교차 출처 리소스 공유)를 구현하여 프런트엔드에서 안전한 교차 출처 요청을 용이하게 합니다.
- Gemini API (`https://api.gemini.com/v1/pricefeed`)에서 암호화폐 가격 데이터를 가져오는 GET 엔드포인트 (`/api/crypto`)를 정의합니다.
- Axios를 활용하여 Gemini API에 비동기 HTTP 요청을 보냅니다. 이러한 요청에는 환경 변수 (`process.env.GEMINI_API_KEY`)로 안전하게 저장된 필수 API 키 (`X-GEMINI-APIKEY`)가 포함됩니다.

구성용 제품

  • 웹/Chrome

작성자:

Nathan

From

뉴질랜드