Ios में चार्ट के साथ एक रियल टाइम स्टॉक मार्केट डैशबोर्ड को कार्यान्वित करना

परियोजना सेटअप और निर्भरता

एक बार जोड़ा गया, अपने ]Info.plist को कॉन्फ़िगर करने के लिए नेटवर्क एक्सेस (HTTP यदि आवश्यक हो) को अपने API डोमेन के लिए ऐप ट्रांसपोर्ट सिक्योरिटी अपवाद के साथ अनुमति दें, या बेहतर, HTTPS समापन बिंदुओं का उपयोग करें।

डेटा मॉडल डिजाइन करना

एक ] बनाएँ कि JSON संरचना को अपने प्रदाता द्वारा वापस आ गया है कि संरचना दर्पण। अधिकांश APIs , ], ], , जैसे क्षेत्रों के साथ वस्तुओं की सरणी लौटते हैं।

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

एक कंटेनर को परिभाषित करें जो इन बिंदुओं की एक सरणी रखता है, साथ ही प्रतीक और अंतिम ताज़ा समय की तरह मेटाडाटा। का उपयोग करें, जो Swift में एपीआई से कैमलकेस तक सांप केस से मेल खाते हैं।

रियल टाइम क्षमताओं के साथ नेटवर्किंग परत

] वर्ग बनाएँ जो डेटा प्राप्त करने के लिए अल्मोफायर का उपयोग करता है। वास्तविक समय के अद्यतन के लिए, आपके दो दृष्टिकोण हैं:

• Polling - समय-समय पर HTTP GET अनुरोध (API दर सीमा के आधार पर हर 5-30 सेकंड) भेज देते हैं। सरल लेकिन कम कुशल।
• WebSocket – पुश अद्यतन प्राप्त करने के लिए एक लगातार कनेक्शन बनाए रखने (FINnhub, IEX, आदि द्वारा समर्थित). निचले विलंबता और ओवरहेड को कम किया.

एक ऐसी विधि को लागू करें जो ] प्रकाशक को लौटाती है या नवीनतम डेटा प्राप्त करने के लिए एक पैटर्न का उपयोग करती है। मतदान के लिए, अपने विचार मॉडल में ] का उपयोग करें या स्टार्सक्रीम (हालांकि अल्मोफायर 5 में प्रयोगात्मक वेबसॉकेट समर्थन भी है) जैसी लाइब्रेरी का उपयोग करें।

उदाहरण :

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
}

पार्सिंग और भंडारण डेटा

आपके विचार मॉडल को प्रतिक्रिया को संभालने के लिए इसे चार्ट प्रविष्टियों के लिए मानचित्रित करना चाहिए और हाल के बिंदुओं के बफर को बनाए रखना चाहिए। गुण का प्रयोग करें तो स्विफ्टयूआई या यूआईकेआईटी विचार परिवर्तन पर प्रतिक्रिया कर सकते हैं। उदाहरण के लिए, ऑब्जेक्ट्स ( चार्ट्स लाइब्रेरी से) की एक सारणी बनाए रखें जो पिछले एन डेटा बिंदुओं का प्रतिनिधित्व करता है।

जब नया डेटा आता है, तो चार्ट को देखने के लिए पुराने लोगों को प्रवेश और ट्रिम करने का अनुरोध करें। यह स्मृति ब्लॉट को रोकता है और चार्ट को पठनीय रखता है।

चार्ट लाइब्रेरी के साथ चार्ट का निर्माण

चार्ट लाइब्रेरी से अपनी स्टोरीबोर्ड में एक खींचें या प्रोग्रामेटिक रूप से इसे तत्काल करें। अपनी बाधाओं को सेट करें और उपस्थिति को कॉन्फ़िगर करें:

• ]]] का प्रयोग सरणी के साथ करें।
• ] को मूल्य लेबल के लिए सक्षम करें, लेकिन अव्यवस्था से बचने के लिए पिछले कुछ बिंदुओं को सीमित करें।
• ]]] ]]]]] ]]]]] ]]]]]]]] ]]]]]] ]]]]]]] ]]]]]]]]]]] ]]]]]]]]] ]]]]]]]]] ]]]]]]]]]]]]]]]]] [[[FLT[FLT[FLT[FLT[FLT[[[[[[FLT[FLT[[[[[[FLT[[[[[[[[[[]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]
• अक्ष स्वरूपक को अनुकूलित करें - x-axis (समय) और y-axis (मूल्य) स्वरूपण के लिए।

उदाहरण:

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

वास्तविक समय के अद्यतन के लिए, आप हर टिक पर सेट पूरे डेटा को रीसेट नहीं करेंगे। इसके बजाय, दृश्य को बढ़ाने के लिए नए प्रविष्टि और कॉल [[FLT: 29]] को शामिल करें।

रियल टाइम अपडेट रणनीति

टाइमर के साथ मतदान

अपने विचार मॉडल में का प्रयोग करें। इसे अमान्य रूप से देखें गायब होने पर। एपीआई दर सीमा के बारे में सोचे - मुफ्त tiers अक्सर प्रति मिनट केवल 5-10 अनुरोधों की अनुमति देते हैं। एक लंबे अंतराल (10-15 सेकंड) का उपयोग करें और एक विन्यास योग्य ताज़ा दर को उजागर करें।

वेबसॉकेट कनेक्शन

यदि आपका एपीआई 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 विलंबता और नेटवर्क लोड को कम करते हैं, लेकिन फिर से संयोजन और रख-रखाव पिंग को संभालने की आवश्यकता होती है।

यूआई लेआउट और उत्तरदायित्व

आपके डैशबोर्ड में शामिल होना चाहिए:

• A ]search bar or picker to enter a stock प्रतीक.
• A ] मौजूदा मूल्य लेबल जो एनीमेशन के साथ अद्यतन करता है (जैसे, फ्लैश ग्रीन / मूल्य वृद्धि / कमी के लिए लाल)।
• ]line चार्ट स्क्रीन स्पेस के बहुमत को ले रहा है।
• अतिरिक्त मीट्रिक: दैनिक परिवर्तन प्रतिशत, उच्च/निम्न, मात्रा।
• A status सूचक कनेक्शन राज्य (कनेक्टेड / डिस्कनेक्टेड / लोडिंग) दिखा रहा है।

ऑटो लेआउट के साथ एक निर्णायक लेआउट या यूआईकेआईटी के लिए स्विफ्टयूआई का उपयोग करें। मुख्य धागे को बंद करने के लिए भारी काम (विभाजन, चार्ट डेटा निर्माण) सुनिश्चित करें। को यूआई अपडेट डिस्पैच करें।

त्रुटि हैंडलिंग और लचीलापन

नेटवर्क विफलताओं को अपरिहार्य माना जाता है। HTTP अनुरोधों के लिए एक्सोनेंशियल बैकऑफ के साथ पुनः प्रयास तर्क को लागू करें (Alamofire का अनुरोधRetrier]). WebSockets के लिए, करीबी कोडों को सुनें और देरी के बाद पुनः संयोजन का प्रयास करें। डेटा की कहानी होने पर उपयोगकर्ता के अनुकूल त्रुटि बैनर या प्लेसहोल्डर चार्ट प्रदर्शित करें।

]] का प्रयोग ] के साथ त्रुटियों को सुंदर ढंग से संभालने के लिए। केवल उत्पादन में क्रैशलिटिक्स की तरह एक दूरस्थ सेवा के लिए त्रुटियों का लॉग करें।

निष्पादन अनुकूलन

एक वास्तविक समय चार्ट प्रति मिनट कई बार अद्यतन करता है। यूआई को चिकनी रखने के लिए:

• डेटा पॉइंट्स की संख्या को एक निश्चित विंडो (जैसे 200 प्रविष्टियों) तक सीमित रखें।
• अनावश्यक तत्वों की ड्राइंग को अक्षम करें (, ] केवल कई लोगों के लिए।
• ] का प्रयोग करें यूआईकेआईटी में या धातु समर्थित compositing के लिए SwiftUI के [[FLT: 39]]]] को पसंद करते हैं।
• थॉटल अपडेट: यदि WebSocket संदेश स्क्रीन रिफ्रेश रेट (60 हर्ट्ज) की तुलना में तेजी से पहुंचते हैं, तो एक चार्ट अपडेट में कई अंक बैच करें।

डैशबोर्ड का परीक्षण

नकली JSON प्रतिक्रियाओं का उपयोग करके डेटा पार्सिंग और नेटवर्क मैनेजर के लिए यूनिट परीक्षण लिखें। API प्रतिक्रियाओं को अनुकरण करने के लिए या का उपयोग करें। चार्ट व्यू के लिए, के साथ स्नैपशॉट परीक्षण अद्यतन के बाद सही प्रतिपादन सत्यापित कर सकते हैं। यूआई परीक्षणों के साथ वास्तविक समय व्यवहार का परीक्षण करें जो एक कस्टम सर्वर के माध्यम से समय पर नकली डेटा इंजेक्ट करते हैं।

तैनाती विचार

अपने एपीआई कुंजी को सुरक्षित रूप से स्टोर करें - इसे कभी हार्डकोड नहीं करें। Xcode योजनाओं या में पर्यावरण चर का उपयोग करें जो कि गिट्निग्नर्ड है। स्थानीय कैश (जैसे, कोर डेटा) को लागू करने पर विचार करें ताकि डैशबोर्ड ताजा डेटा की प्रतीक्षा करते समय तुरंत लॉन्च पर अंतिम ज्ञात डेटा दिखाता है।

ऐप स्टोर सबमिशन के लिए, सुनिश्चित करें कि आपका ऐप पृष्ठभूमि ऐप रिफ्रेश सेटिंग्स का सम्मान करता है और BGTaskScheduler] का उपयोग करता है, अगर आप आवधिक अपडेट चाहते हैं, तो ऐप अग्रभाग नहीं है, हालांकि एक वास्तविक समय के अनुभव के लिए, WebSocket कनेक्शन केवल अग्रभूमि में काम करते हैं।

निष्कर्ष

नेटवर्क अनुरोधों के लिए अल्मोफायर के संयोजन से, दृश्यता के लिए चार्ट लाइब्रेरी और लाइव अपडेट के लिए मतदान या वेबसोकेट, आप आईओएस के लिए एक मजबूत वास्तविक समय का स्टॉक मार्केट डैशबोर्ड बना सकते हैं। एक पेशेवर अनुभव देने के लिए स्वच्छ वास्तुकला, सुंदर त्रुटि हैंडलिंग और प्रदर्शन ट्यूनिंग पर ध्यान केंद्रित करें जो उपयोगकर्ता भरोसा करते हैं। एपीआई दर सीमा का सम्मान करना और डेटा देरी होने पर स्पष्ट प्रतिक्रिया प्रदान करना याद रखें। इन नींव के साथ, आप एकाधिक प्रतीकों, तकनीकी संकेतकों या यहां तक कि घड़ीसूची प्रबंधन के साथ डैशबोर्ड का विस्तार कर सकते हैं।