Реалізація реального часу фондового щита з графіками в Ios

Після цього налаштуйте Info.plist для того, щоб дозволити доступ до мережі (HTTP, якщо це необхідно) за винятком програми для вашого домену API або краще, використовуйте HTTPS кінцеві точки.

Розробка моделей даних

Створіть структурувати, що дзеркалує структуру JSON, повернуну вашим провайдером. Більшість API повертає масиви об'єктів з полями, такими як , ], , , , і . Для в режимі реального часу панель інструментів, фокусуючись на останню ціну і прокаті вікна історичних даних (наприклад, останні 100 тик).

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

Визначте контейнер, який має масив цих точок, плюс метаданих, як символ і останній час освіження. Використовуйте , щоб відповідати змії кейсу з API, щоб camelCase в Swift.

Мережевий шар з можливостями реального часу

Створіть клас, який використовує Alamofire для fetch data. Для оновлення в режимі реального часу ви маєте два підходи:

• – періодично надсилати запити HTTP GET (все 5–30 секунд залежно від лімітів API). Простір, але менш ефективний.
• WebSocket – підтримка стійких з'єднань для отримання відштовхувань оновлень (підтримуваних Finnhub, IEX тощо). Нижня лантенція та зменшена накладна.

Впровадити метод, який повертає видавець або використовує шаблон для викопування останніх даних. Для опитування, розкладати у вашій моделі перегляду. Для WebSockets використовуйте Apple або бібліотеку, як Starscream (хоча Alamofire 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
}

Зберігання та зберігання даних

Модель перегляду повинна обробляти відповідь, намітити записи, а також підтримувати буфер останніх точок. Використовуйте властивості, так SwiftUI або UIKit переглядів може реагувати на зміни. Наприклад, підтримувати масив об'єктів (з бібліотеки діаграм), які представляють останні N дані точки.

Коли нові дані надходять, додайте запис і підстрижені старі, щоб зберегти графіку, скінченним. Це запобігає зніманню пам'яті і зберігає діаграму, що читається.

Створення графіки з бібліотекою діаграм

Перетягніть з бібліотеки діаграм у свій сюжетний щит або миттєво його запрограмувати. Встановіть його обмеження та налаштуйте зовнішній вигляд:

• масиви.
• Увімкнути для цінових етикеток, але обмежити останні кілька точок, щоб уникнути замішування.
• Набір для плавлення ліній.
• Налаштування форматів осі - для форматування 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

Для оновлення в режимі реального часу ви не скинути всі дані, які встановлюються на кожному тик. Замість цього додайте новий запис і виклик , щоб оновити зовнішній вигляд, незрівняно.

Стратегії оновлення реального часу

Полювання з таймером

Використовуйте у вашій моделі перегляду. Зазначимо, що якщо вигляд зникне. Знайте на рівні API - вільні яруси часто дозволяють лише 5–10 запитів на хвилину. Використовуйте більш тривалий інтервал (10–15 секунд) і підняйте настройку курсом оновлень.

Веб-Соктейль підключення

Якщо ваш 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 знижують затримки та мережеве навантаження, але вимагають відключення та безпечних пінгів.

UI Виліт і чуйність

До Ваших панелей слід віднести:

• search bar або аймер] для входу символу запасу.
• поточна цінова мітка, яка оновлення з анімацією (наприклад, спалах зелений/червоний за зростанням ціни / зростанням / зростанням).
• ] зняти більшість екранного простору.
• Додаткові метрики: щоденне зміна відсотка, високий/низ, обсяг.
• => ], що показує стан з'єднання (з'єднання / відключений / завантаження).

Використовуйте SwiftUI для декларативного макета або UIKit з Auto Layout. Забезпечити важку роботу (посадка, схема побудови даних) працює з основною ниткою. Розчиніть оновлення UI до .

Порада та відповідальність

Невиконання мережі неминучі. Впровадження логіки з термінальним відключенням для HTTP-запитів ( Запит Alamofire's ). Для WebSockets, слухайте для найближчих кодів і спробуйте відключення після затримки. Відобразіть зручний банер помилки або діаграму власників, коли дані застосунок.

для обробки помилок граціозно. Помилки входу до служби, як Crashlytics тільки в виробництві.

Оптимізація продуктивності

У режимі реального часу графіка багато разів на хвилину. Щоб зберегти UI гладкою:

• Визначте кількість точок даних до фіксованого вікна (наприклад, 200 записів).
• Вимкнено креслення непотрібних елементів (], тільки для декількох пристроїв.
• шариф в UIKit або віддає перевагу SwiftUI для металопрокату.
• Попереднє оновлення: якщо повідомлення WebSocket прибувають швидше, ніж швидкість оновлення екрану (60 Гц), пакет декількох точок в один оновлення діаграми.

Тестування панелі інструментів

Написати тести на пристрій для обробки даних та мережевого менеджера за допомогою Mock JSON відповіді. Використовуйте або для імітації відповіді API. Для перегляду діаграми, тестування знімків з може виправити відображення після оновлення. Перевірте поведінку в режимі реального часу з UI тестами, які вводять часові дані з мітками через користувальницький сервер.

Розглядання розгортання

Зберігайте ключ API надійно - ніколи не жорсткийкод. Використовуйте змінні середовища в схемах Xcode або , які ігноруються. Розглянемо, що реалізація локального кешу (наприклад, Core Data), так що панель показує останні відомі дані відразу ж на запуску, поки не чекаючи свіжих даних.

Для подання App Store, забезпечення вашого додатку поваги налаштування фонового додатка та використання BGTaskScheduler, якщо ви хочете періодичні оновлення, коли додаток не запланований, хоча для істинного реального часу відчувається, WebSocket з'єднання тільки працює в передовій частині.

Висновок

Використовуючи Alamofire для мережевих запитів, бібліотеку діаграм для візуалізації, або опитування або WebSockets для оновлення живих ресурсів, ви можете побудувати надійний динамічний ринок для iOS. Focus on clean архітектура, витончена обробка помилок і налаштування продуктивності, щоб забезпечити професійний досвід, який користувачі довіряють. Пам'ятайте, що повага обмежень API і забезпечити чіткий зворотний зв'язок при затримки даних. З цими фундаментами ви можете розширити панель з декількома символами, технічними показниками або навіть управління спостереженнями.