Εφαρμογή πίνακα χρηματιστηριακών αγορών σε πραγματικό χρόνο με διαγράμματα στην Ίο

Σχεδιασμός των μοντέλων δεδομένων

Δημιουργήστε μια δομή που καθρεφτίζει τη δομή JSON που επέστρεψε από τον πάροχο σας. Οι περισσότερες σειρές API επιστρέφουν αντικείμενα με πεδία όπως [[LFT:4]], [[LFT:5]], [[LFT:6]], [[LFT:7]], [[LFT:8]]] και [[LFT:9]]. Για ταμπλό πραγματικού χρόνου, εστιάστε στην τελευταία τιμή και ένα τροχαίο παράθυρο ιστορικών δεδομένων (π.χ., τα τελευταία 100 τσιμπούρια).

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

Καθορίστε ένα δοχείο που περιέχει μια σειρά από αυτά τα σημεία, συν μεταδεδομένα όπως το σύμβολο και την τελευταία φορά ανανέωσης. Χρησιμοποιήστε για να ταιριάξετε το φίδι case από το API στην υπόθεση καμήλας στο Swift.

Στρώμα δικτύωσης με δυνατότητες πραγματικού χρόνου

Δημιουργήστε μια τάξη που χρησιμοποιεί το Alamofire για να φέρει δεδομένα. Για ενημερώσεις σε πραγματικό χρόνο, έχετε δύο προσεγγίσεις:

• Πολωνική ⁇ περιοδικά στέλνει αιτήματα HTTP GET (κάθε 5-30 δευτερόλεπτα ανάλογα με τα όρια των τιμών API). Απλότερο αλλά λιγότερο αποτελεσματικό.
• WebSocket ⁇ διατηρεί μια διαρκή σύνδεση για να λάβει ενημερώσεις ώθησης (υποστηρίζεται από Finnhub, IEX, κ.λπ.).

Εφαρμογή μιας μεθόδου που επιστρέφει έναν εκδότη ή χρησιμοποιεί ένα μοτίβο για να πάρει τα τελευταία δεδομένα. Για δημοσκόπηση, προγραμματίστε ένα στο μοντέλο προβολής σας. Για WebSockets, χρησιμοποιήστε το Apple [[LFT:17]]] ή μια βιβλιοθήκη όπως το Starscream (αν και το Alamofire 5 έχει επίσης πειραματική υποστήριξη WebSocket).

Παράδειγμα συνάρτηση ανάκτησης:

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
}

Ανάλυση και αποθήκευση δεδομένων

Το μοντέλο προβολής σας θα πρέπει να χειριστεί την απάντηση, να το χαρτογραφήσει στις καταχωρήσεις και να διατηρήσει μια ενδιάμεση μνήμη των πρόσφατων σημείων. Χρησιμοποιήστε [[LFT:20]] ιδιότητες έτσι SwiftUI ή UIKit προβολές μπορούν να αντιδράσουν στις αλλαγές. Για παράδειγμα, να διατηρήσει μια σειρά από [[LFT:21]] αντικείμενα (από τη βιβλιοθήκη Charts) που αντιπροσωπεύουν τα τελευταία σημεία δεδομένων N.

Όταν καταφθάνουν νέα δεδομένα, προσαρτήστε την είσοδο και τελειώστε τα παλιά για να κρατήσετε την προβολή του χάρτη πεπερασμένη. Αυτό εμποδίζει το φούσκωμα της μνήμης και διατηρεί το διάγραμμα αναγνώσιμο.

Κατασκευή του Χάρτη με τη Βιβλιοθήκη Charts

Σύρετε ένα από τη βιβλιοθήκη Charts στο storyboard σας ή να το εντοπίσετε άμεσα προγραμματικά. Ορίστε τους περιορισμούς και ρυθμίστε την εμφάνιση:

• Χρήση με συστοιχίες .
• Ενεργοποίηση [[LFT:25]] για ετικέτες τιμών, αλλά να περιοριστεί στα τελευταία σημεία για να αποφευχθεί η ακαταστασία.
• Ορισμός για ομαλότερες γραμμές.
• Προσαρμογή του άξονα formatters ⁇ [[LFT:27]] για τη διαμόρφωση του άξονα 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

Για ενημερώσεις σε πραγματικό χρόνο, δεν θα επαναφέρετε ολόκληρο το σύνολο δεδομένων σε κάθε τικ. Αντίθετα, προσθέστε νέα καταχώρηση και καλέστε [[ΦΛΤ:29]] για να ανανεώσετε την προβολή σταδιακά.

Στρατηγικές ενημέρωσης πραγματικού χρόνου

Δημοσκόπηση με χρονοδιακόπτη

Χρησιμοποιήστε ένα [[LFT:30]] στο μοντέλο προβολής σας. Ανακύρωσέ το όταν η προβολή εξαφανίζεται. Να είστε προσεκτικοί με τα όρια ταχύτητας API ⁇ οι ελεύθερες βαθμίδες συχνά επιτρέπουν μόνο 5-10 αιτήσεις ανά λεπτό. Χρησιμοποιήστε ένα μεγαλύτερο διάστημα (10-15 δευτερόλεπτα) και εκθέστε ένα ρυθμιζόμενο ρυθμό ανανέωσης.

Σύνδεση webSocket

Αν το API σας υποστηρίζει WebSockets, δημιουργήστε μια σύνδεση όταν η προβολή εμφανίζεται και καλέστε [[LPT:31]] σε ένα βρόχο για να πάρετε δεδομένα ροής. Ανάλυση κάθε εισερχόμενου μηνύματος ως JSON και ενημέρωση του χάρτη. Παράδειγμα χρησιμοποιώντας [[LFT:32]]:

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 μειώνουν τη λανθάνουσα λειτουργία και το φορτίο δικτύου, αλλά απαιτούν τον χειρισμό επανασύνδεσης και διατήρηση ζωντανών pings.

Διάταξη και ανταπόκριση UI

Το ταμπλό σας θα πρέπει να περιλαμβάνει:

• A μπάρα αναζήτησης ή επιλογέα για να εισαχθεί ένα σύμβολο αποθέματος.
• A τρέχον σήμα τιμής που ενημερώνει με animation (π.χ., flash green/red για αύξηση τιμών/μείωση).
• Το διάγραμμα γραμμής καταλαμβάνει την πλειοψηφία του χώρου οθόνης.
• Πρόσθετα μετρικά: ημερήσια εκατοστιαία μεταβολή, υψηλός/χαμηλός όγκος.
• A δείκτης κατάστασης που δείχνει κατάσταση σύνδεσης (συνδεδεμένη / αποσυνδεδεμένη / φορτωτική).

Χρησιμοποιήστε το SwiftUI για μια δηλωτική διάταξη ή το UIKit με αυτόματη διάταξη. Εξασφαλίστε βαριά εργασία (συσκευή, κατασκευή δεδομένων γραφημάτων) τρέχει από το κύριο νήμα. Αποστολή UI ενημερώσεις σε .

Χειρισμός σφαλμάτων και ανθεκτικότητα

Οι αποτυχίες δικτύου είναι αναπόφευκτες. Εφαρμογή της λογικής επανέναρξης με εκθετική αντιστροφή για αιτήματα HTTP ([[LFT:0]]]Alamofire’s RequestRetrier[[[LFT:1]]]).Για WebSockets, ακούστε τους στενούς κωδικούς και προσπαθήστε να επανασυνδεθείτε μετά από μια καθυστέρηση. Εμφάνιση ενός φιλικού προς το χρήστη bannner σφάλματος ή χάρτη τοποθέτων όταν τα δεδομένα είναι μπαγιάτικα.

Χρησιμοποιήστε με για να χειριστείτε τα λάθη με χάρη.

Βελτιστοποίηση απόδοσης

Ένα διάγραμμα σε πραγματικό χρόνο ενημερώνει πολλές φορές ανά λεπτό. Για να κρατήσει το UI ομαλή:

• Περιορισμός του αριθμού των σημείων δεδομένων σε ένα σταθερό παράθυρο (π.χ., 200 καταχωρήσεις).
• Απενεργοποίηση σχεδίου περιττών στοιχείων (, μόνο για πολλαπλάσια).
• Χρησιμοποιήστε την υποστήριξη στρώματος σε UIKit ή προτιμάτε το SwiftUI για την σύνθεση με μεταλλική υποστήριξη.
• Ενημερώσεις για τις βρύσες: αν τα μηνύματα WebSocket φτάσουν γρηγορότερα από το ρυθμό ανανέωσης οθόνης (60 Hz), παρτίδα πολλαπλά σημεία σε ένα διάγραμμα ενημέρωση.

Δοκιμή του πίνακα

Γράψτε τις δοκιμές μονάδων για την ανάλυση δεδομένων και διαχειριστή δικτύου χρησιμοποιώντας home JSON απαντήσεις. Χρησιμοποιήστε [[[LFT:40]]] ή [[LPT:41]] για να προσομοιώσετε τις απαντήσεις API. Για την προβολή γραφήματος, οι δοκιμές στιγμιοτύπων με [[LFT:42]] μπορούν να επαληθεύσουν τη σωστή απόδοση μετά από ενημερώσεις. Δοκιμάστε τη συμπεριφορά σε πραγματικό χρόνο με δοκιμές UI που εγχέουν χρονομετρημένα δεδομένα mock μέσω ενός προσαρμοσμένου εξυπηρετητή.

Εξετάσεις για την Ανάπτυξη

Αποθηκεύστε το κλειδί API σας με ασφάλεια ⁇ ποτέ hardcode it. Χρησιμοποιήστε τις μεταβλητές περιβάλλοντος σε σχήματα Xcode ή ένα [[LPT:43]] που είναι gitignored. Σκεφτείτε την εφαρμογή μιας τοπικής cache (π.χ., Core Data) έτσι ώστε το ταμπλό δείχνει τα τελευταία γνωστά δεδομένα αμέσως κατά την έναρξη, ενώ περιμένει για νέα δεδομένα.

Για την υποβολή του App Store, βεβαιωθείτε ότι η εφαρμογή σας σέβεται τις ρυθμίσεις ανανέωσης της εφαρμογής φόντου και χρησιμοποιεί BGTaskScheduler αν θέλετε περιοδικές ενημερώσεις όταν η εφαρμογή δεν είναι προσκηνιακή, αν και για μια πραγματική αίσθηση πραγματικού χρόνου, οι συνδέσεις WebSocket λειτουργούν μόνο σε πρώτο πλάνο.

Συμπέρασμα

Συνδυάζοντας το Alamofire για αιτήματα δικτύου, τη βιβλιοθήκη Charts για οπτικοποίηση, και είτε δημοσκοπήσεις ή WebSockets για ζωντανές ενημερώσεις, μπορείτε να οικοδομήσετε ένα ισχυρό ταμπλό σε πραγματικό χρόνο χρηματιστηριακών αγορών για iOS. Εστίαση σε καθαρή αρχιτεκτονική, χαριτωμένο χειρισμό σφαλμάτων, και τον συντονισμό απόδοσης για να παραδώσει μια επαγγελματική εμπειρία που οι χρήστες εμπιστεύονται. Θυμηθείτε να σεβαστείτε τα όρια των τιμών API και να παρέχουν σαφή ανατροφοδότηση όταν τα δεδομένα καθυστερήσει. Με αυτά τα θεμέλια, μπορείτε να επεκτείνετε το ταμπλό με πολλαπλά σύμβολα, τεχνικούς δείκτες, ή ακόμα και διαχείριση λίστας παρακολούθησης.