Ios의 차트와 실시간 증권 시장 대시보드 구현

프로젝트 설정 및 종점

추가되면 Info.plist 를 구성하여 API 도메인에 대한 App Transport Security 예외로 네트워크 액세스(HTTP if needed)를 허용하거나 더 나은 HTTPS 엔드포인트를 사용합니다.

Data Models 설계

] struct that mirrors the JSON structure redirect by your Provider. 대부분의 APIs return arrays of object with field like , , , ], ], ]. 실시간 대시보드를 위해, 최신 가격과 과거 데이터의 롤링 창에 초점을 맞추고 있습니다 (예: 100g).

struct StockDataPoint: Codable {
 let timestamp: TimeInterval
 let price: Double
 let volume: Int
}

] 이 포인트의 배열을 보유하는 컨테이너를 정의하고, 기호와 마지막 새로 고침 시간을 좋아합니다. API에서 뱀 case와 일치하기 위해 를 사용하여 Swift의 낙타를 유발합니다.

실시간 기능으로 네트워크 레이어

]를 생성하는 클래스 Alamofire를 사용하여 데이터를 태치. 실시간 업데이트에 대한, 당신은 두 가지 접근 방식을 가지고:

• Polling – 주기적으로 HTTP GET 요청을 보내 (API 비율 제한에 따라 5-30 초마다). 단순하지만 덜 효율적입니다.
• WebSocket – 푸시 업데이트를 수신하는 영구적인 연결을 유지 (핀hub, IEX 등 지원). 낮은 대기시간과 과장 감소.

출판사 또는 ]]를 사용하여 최신 데이터를 fetch하는 방법을 구현합니다. 투표를 위해, ]]를 뷰 모델에서 일정하십시오. WebSockets의 경우 Apple 's 또는 Starscream와 같은 라이브러리를 사용하십시오 (Aarmofire 5는 WebSocket 지원을 실험했습니다).

예제 fetch 함수:

func fetchLatestPrice(for symbol: String) async throws -> StockDataPoint {
 let url = "https://api.example.com/quote?symbol=\(symbol)&apikey=\(apiKey)"
 let response = try await AF.request(url).serializingDecodable(StockDataPoint.self).value
 return response
}

파싱 및 Storing Data

전망 모델은 응답을 처리해야하며, 차트 항목을 표시하고 최근 포인트의 버퍼를 유지합니다. ] 속성을 사용하여 SwiftUI 또는 UIKit 전망은 변경 사항에 반응 할 수 있습니다. 예를 들어, 마지막 N 데이터 포인트를 나타내는 개체 ( Charts library에서)의 배열을 유지합니다.

새로운 데이터가 도착하면, 입력 및 차트를 유지하기위한 오래된 트리밍을 추가하십시오. 이것은 메모리 bloat를 방지하고 차트를 읽을 수 있습니다.

Charts Library와 차트 구축

Charts 라이브러리에서 프로그래밍적으로 프로그래밍할 수 있는 스토리보드 또는 즉석으로 ]를 드래그하십시오. 제약을 설정하고 외관을 구성하십시오.

• ] ] 배열을 사용하여 를 사용합니다.
• Enable 가격 라벨에 대한, 그러나 clutter를 방지하기 위해 몇 가지 포인트를 제한.
• ]를 부드럽게 라인에 설정합니다.
• 축 형식자를 사용자 정의 - ] x-축 (시간) 및 y-축 (가격) 형식에 대한.

예:

let entries = stockDataPoints.map { ChartDataEntry(x: $0.timestamp, y: $0.price) }
let dataSet = LineChartDataSet(entries: entries, label: "\(symbol) Price")
dataSet.drawCirclesEnabled = false
dataSet.lineWidth = 2
dataSet.setColor(.systemBlue)

let chartData = LineChartData(dataSet: dataSet)
lineChartView.data = chartData

실시간 업데이트는 모든 진드기에 전체 데이터를 재설정하지 않습니다. 대신, 새로운 항목과 호출 ]을 추가하여 볼 수 있습니다.

실시간 업데이트 전략

Timer로의 오염

보기 모델에서 를 사용하세요. 보기가 사라질 때 유효하지 않습니다. API 속도 제한이 마음에 들지 않아 - 무료 계층은 종종 분 당 5~10개의 요청만 허용됩니다. 더 긴 간격 (10-15 초)을 사용하며 설정할 수 있는 재생율을 노출시킵니다.

WebSocket 연결

API가 WebSockets를 지원한다면, 보기가 나타나면 ]] 을 호출하여 스트림 데이터를 얻을 수 있습니다. JSON으로 각 수신된 메시지를 파싱하고 차트를 업데이트합니다. 를 사용하여 예:

let task = session.webSocketTask(with: url)
task.resume()
func receive() {
 task.receive { result in
 switch result {
 case .success(let message):
 if case .string(let text) = message,
 let data = text.data(using: .utf8),
 let point = try? JSONDecoder().decode(StockDataPoint.self, from: data) {
 DispatchQueue.main.async { self.updateChart(with: point) }
 }
 self.receive()
 case .failure(let error):
 // reconnect logic
 }
 }
}

WebSockets는 대기시간과 네트워크 부하를 감소시키고, 연결 및 유지 보수적인 ping을 처리해야 합니다.

UI 배치 및 책임

대시보드는 다음과 같습니다:

• A search bar 또는 Picker 재고 기호에 입력합니다.
• A current price label 애니메이션 업데이트 (예: 가격 증가/진료에 대한 플래시 그린/레드).
• line chart 화면의 대부분을 차지한다.
• 추가 메트릭 : 일일 변경 비율, 높은 / 낮은, 볼륨.
• A status Indicator 연결 상태 표시 (연결 / 연결 / 로딩).

자동 레이아웃을 가진 선언 레이아웃 또는 UIKit에 대한 SwiftUI를 사용하십시오. 무거운 작업 (parsing, chart data construction)이 메인 스레드에서 실행됩니다. 에 UI 업데이트를 Dispatch하십시오.

오류 처리 및 탄력

네트워크 실패는 불가피합니다. HTTP 요청 (]]Alamofire의 RequestRetrier])에 대한 exponential 백 오프로 로직을 구현합니다. WebSockets의 경우, 지연 후 코드와 다시 연결 시도를 듣습니다. 데이터가 stale일 때 사용자 친화적 인 오류 배너 또는 위주 차트를 표시합니다.

] ]를 사용하여 오류를 완전히 처리합니다. Crashlytics와 같은 원격 서비스에 대한 오류를 생산합니다.

성능 최적화

실시간 차트는 분당 많은 시간 업데이트됩니다. UI를 부드럽게 유지하려면:

• 고정 창(예: 200 항목)에 데이터 포인트의 수를 제한합니다.
• 불필요한 요소의 무능 도면 (], ]).
• layer backing UIKit에서 사용하거나, SwiftUI의 ]를 금속 백합작용을 선호한다.
• Throttle 업데이트: WebSocket 메시지가 화면보다 빠른 도착하면 재생률 (60Hz), 일괄 다중 지점을 하나의 차트 업데이트로 업데이트합니다.

Dashboard 테스트

JSON 응답을 사용하여 데이터 파싱 및 네트워크 관리자에 대한 단위 테스트를 작성합니다. 또는 를 사용하여 API 응답을 시뮬레이션합니다. 차트보기를 위해 ]를 사용하여 스냅 샷 테스트를 통해 업데이트 후 수정할 수 있습니다. 사용자 정의 서버를 통해 타임 로그 데이터를 주입하는 UI 테스트와 실시간 동작을 테스트합니다.

관련기관

API 키 안전하게 저장 – 절대 하드코드를 절대로. Xcode 계획이나 의 환경 변수를 사용하여 gitignored. 로컬 캐시 (예: Core Data)를 구현하는 것을 고려하여 대쉬보드는 신선한 데이터를 기다리는 동안 즉시 시작된 마지막 알려진 데이터를 보여줍니다.

App Store 제출을 위해 앱은 배경 앱을 새로 고침하고 ]BGTaskScheduler]를 사용하여 앱이 전방하지 않을 때 정기적인 업데이트를 원하면 WebSocket 연결이 전방에서 작동합니다.

관련 기사

네트워크 요청에 대한 Alamofire를 결합함으로써 시각화를위한 차트 라이브러리 및 라이브 업데이트를위한 설문 조사 또는 WebSockets 중 하나 인 iOS 용 강력한 실시간 재고 시장 대시보드를 구축 할 수 있습니다. 깨끗한 아키텍처, 우아한 오류 처리 및 성능 조정에 중점을두고 사용자 신뢰가 전문 경험을 제공합니다. API 속도 제한을 존중하고 데이터가 지연 될 때 명확한 피드백을 제공하십시오. 이러한 기초로 여러 기호, 기술 지표 또는 시계 관리와 대시보드를 확장 할 수 있습니다.