Bubble.io에서 실시간 주식 시장 추적기를 생성하는 것은 Bubble.io 프로젝트를 설정하는 것부터 실시간 주식 데이터를 위한 제 3자 API를 통합하는 것까지 여러 단계를 거칩니다. 다음은 이를 시작하기 위한 간략한 안내서입니다:
단계 1: 새로운 Bubble.io 앱 생성
- Bubble.io 계정에 로그인합니다.
- "New App" 버튼을 클릭합니다.
- 앱의 이름을 지정하고 플랜을 선택합니다(무료 플랜부터 시작할 수 있습니다).
단계 2: 사용자 인터페이스 디자인
- Bubble.io 편집기에서 시각적 디자인 도구를 사용하여 주식 데이터를 표시하기 위해 페이지에 원하는 요소를 드래그 앤 드롭합니다. 예를 들어 텍스트, 차트, 그룹, 반복 그룹 등입니다.
- 각 주식 데이터가 어떻게 표시될지 디자인합니다. 일반적으로 주식 기호, 현재 가격, 그리고 기타 관련 세부 정보와 함께 표시됩니다.
- 과거 데이터를 그래픽으로 표시하려는 경우 차트를 위한 공간을 남겨 놓으십시오.
단계 3: 데이터 구조 설정
- 주식 정보를 저장하기 위한 새로운 데이터 유형을 생성합니다.
- 주식 기호, 현재 가격, 시가 등을 포함하여 추적하려는 데이터에 해당하는 필드를 추가합니다.
단계 4: 실시간 주식 데이터를 위한 제 3자 API 통합
- 실시간 주식 시장 데이터를 제공하는 API를 통합해야 합니다. Alpha Vantage, IEX Cloud, Yahoo Finance 같은 서비스는 이러한 목적의 API를 제공합니다. 이러한 서비스 중 하나에서 회원가입을 하고 API 키를 받을 필요가 있을 수 있습니다.
- Bubble.io API Connector 플러그인을 사용하여 선택한 주식 시장 데이터 API에 연결을 설정합니다.
- Bubble.io 내에서 API 호출을 설정하여 필요한 주식 시장 데이터를 검색합니다.
단계 5: 데이터 검색을 위한 워크플로우 생성
- 최신 주식 데이터를 가져오는 API 호출을 트리거하는 Bubble.io에서 워크플로우를 설정합니다.
- "Schedule API Workflow" 이벤트를 사용하여 데이터를 주기적으로 업데이트하여 실시간으로 유지하고 최신 상태를 유지합니다.
단계 6: 데이터 표시
- 데이터에 연결된 동적 텍스트 요소와 그룹을 사용하여 페이지에 실시간 주식 데이터를 표시합니다.
- 차트의 경우, Bubble.io 플러그인 마켓플레이스에서 차트 플러그인을 사용하여 주식 데이터에 연결할 수 있습니다.
단계 7: 애플리케이션 테스트
- Bubble.io의 미리보기 기능을 사용하여 실시간 주식 시장 추적기를 테스트합니다.
- 데이터가 예상대로 업데이트되고 워크플로우가 원활하게 실행되는지 확인합니다.
단계 8: 개선 및 최적화
- 테스트 결과에 따라 레이아웃과 기능을 개선합니다.
- 앱의 성능과 사용자 경험을 최적화합니다.
단계 9: 배포
- 앱에 만족하면, Bubble.io가 제공하는 배포 도구를 사용하여 실시간 주식 시장 추적기를 사용자에게 제공합니다.
각 API는 데이터 업데이트 빈도와 일정 시간 내에 발행할 수 있는 API 호출 수에 대한 자체 규칙 및 제한 사항을 가지고 있습니다. 워크플로우와 데이터 검색 방법을 설정할 때 이를 준수하십시오.