bobaflu - स्पंदन पर प्रोग्रामिंग सामान

यह लेख फ़्लटर मोबाइल क्लाइंट के कार्यान्वयन पर केंद्रित होगा।

कौन सा मोबाइल क्लाइंट?

पिछले प्रकाशन ने सॉफ्टवेयर सामान की प्रणाली का वर्णन किया:
boboskit - एक्सेसरीज़, dnssd और WebSocket ।

एक सॉफ्टवेयर गौण का एक एनालॉग एक वास्तविक वस्तु है। लाइट बल्ब, स्विच, सीडी / कैसेट प्लेयर, रेडियो प्लेयर, थर्मोस्टेट, तापमान सेंसर, मोशन सेंसर, आदि ... सामान का एक सेट कल्पना और कार्यक्रम कोड द्वारा निर्धारित किया जाता है। आप कम से कम शतरंज की बिसात लागू कर सकते हैं। इस तरह के बोर्ड के लिए, आपको एक नियंत्रण फ़ील्ड ( control ) move होती है, जो ऑब्जेक्ट को { from: "e2", to: "e4" } , और उदाहरण के लिए सेवा फ़ील्ड्स, और फ़िगर रीसेट करने आदि के लिए ले जाती है ... एक्सेसरी स्क्रिप्ट move फ़ील्ड को नियंत्रित करने के अनुरोध को स्वीकार करेगी। निर्णय यह है कि क्या आंकड़ा को स्थानांतरित करना संभव है, और पूरे क्षेत्र में आंकड़ों की स्थिति के साथ स्थिति वापस आ जाएगी (या नहीं)।

वर्तमान में न्यूनतम कार्यक्षमता वाले सहायक उपकरण इस प्रकार हैं: "स्विच", "तापमान सेंसर", "थर्मोस्टैट", "रेडियो प्लेयर"।

शतरंज के बारे में, आगे कोई चर्चा नहीं होगी। यदि यह दिलचस्प है और उस मामले में, बिल्ली में आपका स्वागत है।

तो bobaoskit.worker चल रहा है। कंप्यूटर की मेमोरी में एक्सेसरी ऑब्जेक्ट मौजूद हैं, आप उनके बारे में जानकारी पढ़ सकते हैं, आप मैन्युअल रूप से WebSocket पोर्ट पर JSON अनुरोध भेज सकते हैं, और आने वाली घटनाओं को देख सकते हैं।

प्रबंधन के लिए, मैंने सबसे सरल मोबाइल एप्लिकेशन बनाया।

क्यों बहता है?

पिछले कुछ वर्षों से, मोबाइल उपकरणों के लिए प्रोग्रामिंग का अध्ययन करने के लिए मेरे दिमाग में एक विचार सक्रिय रूप से रह रहा है। जब से मैं JavaScript में लिखता हूं, मैंने उन समाधानों का अध्ययन किया जो आपको एक नई प्रोग्रामिंग भाषा सीखने की अनुमति नहीं देते हैं।

Appcelerator । उन्होंने उसके साथ अध्ययन शुरू किया। यदि मेमोरी नहीं बदलती है, तो एसडीके खुला है, लेकिन विभिन्न टैरिफ के साथ आईडीई।
NativeScript । यहां मैंने पहले से ही चित्रों के साथ एक सूची दिखाते हुए एक सरल एप्लिकेशन बनाया है। यह आगे नहीं बढ़ा।
ReactNative । अब तक सूचीबद्ध रूपरेखाओं में सबसे लंबा हमला। सबसे बड़ी चुनौती शुरू हो रही है। मैंने कोर्स को देखा। सबसे पहले, यह दिलचस्प है, दिलचस्प है। लेकिन redux और उसके बाद जबर्दस्ती विफल रही। फिर उन्होंने नियमित रूप से लिखना शुरू करने की कोशिश की, लेकिन जिद पर अड़े रहने ने खुद पर हावी नहीं होने दिया।

नतीजतन, मैं तब (2016 के अंत) किसी भी निर्णय से जुड़ा नहीं था। शायद क्योंकि कोई विशिष्ट कार्य नहीं था, शायद अन्य कारणों से।

अतीत (2018) के पतन के करीब, सॉफ्टवेयर सामान के लिए एसडीके पर पहले से ही काम चल रहा था। स्वाभाविक रूप से, आपको एक मोबाइल एप्लिकेशन की आवश्यकता है। यह सब mdns के साथ शुरू हुआ। एक बार अपने खाली समय में मैंने ReactNative को अपडेट किया, प्रतिक्रिया-मूल-zeroconf प्लगइन पाया, एप्लिकेशन बनाया। निर्देशों के अनुसार, स्थापित, एक link बनाया, लॉन्च किया। एक्सपो डिबगिंग एप्लिकेशन लॉन्च हुआ, जो देशी मॉड्यूल का समर्थन नहीं करता है, और, तदनुसार, एमडीएन प्लगइन काम नहीं करता था। इस बिंदु पर, एक स्वच्छ (एक्सपो के बिना) प्रतिक्रिया-मूल एप्लिकेशन बनाने और इसके साथ परीक्षण करने के लिए पर्याप्त खाली समय नहीं था। एक दो महीने के लिए काम स्थगित कर दिया गया।

इसी समय, अधिक से अधिक सामग्री नेटवर्क पर flutter बारे में दिखाई दी। मैंने खुद को स्थापित किया। स्थापना सरल है: git clone और PATH जोड़ें। बाकी पहले से ही एंड्रॉइड एसडीके / एक्सकोड सेट कर रहा है (मेरे मामले में, एंड्रॉइड एसडीके पहले से ही लंबे समय से सेट है। मैं iOS के लिए विकसित नहीं कर सकता, क्योंकि मैं एक मैकओएस उपयोगकर्ता नहीं हूं) और डार्ट एसडीके (इसे अलग से इंस्टॉल किया जा सकता है, लेकिन जरूरी नहीं, क्योंकि यह स्पंदन का हिस्सा है)।

कार्य का सिद्धांत / योजना

• जब लॉन्च किया जाता है, तो आवेदन flutter_mdns प्लगइन का उपयोग करके स्थानीय नेटवर्क पर _bobaoskit._tcp सेवाओं की खोज करता है। इस प्लगइन के कई संस्करण हैं, सभी प्रकाशित एक से अपनी जड़ें लेते हैं, लेकिन यह डार्ट एसडीके के नए संस्करणों के साथ संगत नहीं है, क्रमशः, कई कांटे और जोड़ा संगतता। मैंने इस संस्करण को चुना क्योंकि दूसरों ने एक साथ कई खोजी सेवाओं के मेजबानों को हल नहीं किया।
  पता लगाने और निर्धारण (onResolve) पर, होस्ट को सूची में जोड़ा जाता है।
  खोज की गई सेवाओं की सूची वाला पृष्ठ क्रमशः StatefulWidget है, जब वह सेवाओं का पता लगाता / setState() {...} , तो setState() {...} कहा जाता है
• जब सूची में से एक मेजबान चुनते हैं, तो एक नया पृष्ठ बनाया जाता है (यह भी StatefulWidget ), जिसमें चयनित सेवा के host और port को प्रेषित किया जाता है।
  BobaosKit ऑब्जेक्ट संचार के लिए जिम्मेदार बनाया गया है। जवाब कॉलबैक के माध्यम से संसाधित किए जाते हैं, जैसा कि जबकि मैंने ज्यादा अतुल्यकालिक डार्ट का अध्ययन नहीं किया। लेकिन स्कैन किए गए प्रलेखन को देखते हुए, Futures जेएस में Promise का एक एनालॉग है।
  आने वाली घटनाओं (कोई प्रतिक्रिया नहीं) के लिए कार्य रिकॉर्ड किए जाते हैं। यहां डार्ट के लिए EventEmitter । मैंने अपना बहुत सरल लिखा है।

  void registerListener(String name, Function cb) { this._events.add(new BobaosKitCallback(name, cb)); } void removeAllListeners() { this._events = []; } void emitEvent(String name, dynamic params) { // call all listeners List<BobaosKitCallback> foundCallbacks = this._events.where((t) => t.name == name).toList(); foundCallbacks.forEach((f) => f.cb(params)); } ... ... void listen() { this.ws.listen((text) { var json = jsonDecode(text); if (json.containsKey('response_id')) { .... } else { //   response_id -  this.emitEvent(json['method'], json['payload']); } }); } 

आने वाली घटनाएं - यदि एक्सेसरी को हटा दिया गया है, जोड़ा गया है, तो अद्यतन स्थिति। या अगर सभी सामान हटा दिए जाते हैं ( clear accessories )।

पंजीकृत कार्य - अद्यतन करने के लिए सूचियों, इन घटनाओं के लिए विगेट्स।

• सभी सामानों के बारे में जानकारी के लिए अनुरोध भेजा जाता है।

प्रत्येक गौण के लिए एक AccessoryInfo ऑब्जेक्ट बनाया जाता है:

 import 'package:scoped_model/scoped_model.dart'; // AccessoryInfo extends Model // so, when accessory value is updated it descends down to // all widgets inside ScopedModelDescendant class AccessoryInfo extends Model { dynamic id; dynamic type; String name; String job_channel; List control; List status; bool selected; Map<dynamic, dynamic> currentState; AccessoryInfo(Map<dynamic, dynamic> obj) { this.id = obj['id']; this.type = obj['type']; this.name = obj['name']; this.job_channel = obj['job_channel']; this.control = obj['control']; this.status = obj['status']; this.currentState = {}; } void updateCurrentState(key, value) { currentState[key] = value; notifyListeners(); } void notify() { notifyListeners(); } } 

यह ऑब्जेक्ट पहले से ही एक मॉडल है। प्रारंभ में, मैंने StatefulWidget और setState() {} हर जगह लिखा था, लेकिन setState() {} केवल एक विजेट के लिए काम करता है जिसके अंदर श्रोता पंजीकृत होते हैं। लेकिन विस्तृत गौण प्रबंधन के लिए, मैंने शुरू में नए Stateful पेज बनाए, और ध्यान दिया कि स्टेटस अपडेट नहीं है। एक समाधान के रूप में - ScopedModel उपयोग किया।

सामान की सूची प्राप्त होने के बाद, उनमें से प्रत्येक के लिए हम स्थिति के लिए अनुरोध भेजते हैं और सूची में शामिल होते हैं List <AccessoryInfo> । कॉल setState() {} , इस प्रकार इंटरफ़ेस में एक सहायक एक्सेसरी को जोड़ना। समर्थित अनुषंगी प्रकारों को ./lib/widgets/*.dart और ./lib/widgets/*.dart में परिभाषित किया गया है। वर्तमान में समर्थित switch/temperature sensor/radio player/thermostat । आगे का मुख्य काम नए लोगों को जोड़ना और मौजूदा विगेट्स में सुधार करना है।

• अब प्रत्येक गौण के लिए अलग-अलग तत्व बनाने के बारे में। उदाहरण के लिए, एक स्विच पर विचार करें।

  @override Widget build(BuildContext context) { return new ScopedModel<AccessoryInfo>( model: info, child: ScopedModelDescendant<AccessoryInfo>( builder: (context, child, model) { var cardColor = Theme.of(context).cardColor; dynamic switchState = model.currentState['state']; if (switchState is bool) { if (switchState) { cardColor = Colors.deepPurple; } else { cardColor = Theme.of(context).cardColor; } } return Card( color: cardColor, child: ListTile( selected: false, leading: new Icon(Icons.lightbulb_outline), title: new Text("${model.name}"), onTap: () { // to control accessory value // get status value at first bobaos.getStatusValue( model.id, "state", (bool err, Object payload) { if (err) { return print('error ocurred $payload'); } if (payload is Map) { dynamic currentValue = payload['status']['value']; bool newValue; if (currentValue is bool) { // invert newValue = !currentValue; } else { newValue = false; } // then send new value bobaos.controlAccessoryValue( model.id, {"state": newValue}, (bool err, Object payload) { if (err) { return print('error ocurred $payload'); } }); } }); }, onLongPress: () { // TODO: dialog with additional funcs }, )); })); } 

प्रकार switch के एक सहायक के लिए, सामान की सामान्य सूची में एक तत्व बनाया जाता है, जिसके साथ बातचीत करते समय (onTap) वर्तमान मूल्य प्राप्त करने के लिए एक अनुरोध भेजा जाता है, फिर इस मूल्य को स्विच करने के लिए। ScopedModel आने वाली स्थिति अपडेट के लिए विजेट को फिर से शुरू करने की अनुमति देता है।

इस गौण के लिए एक लंबा क्लिक हैंडलर लागू नहीं किया गया है।

एक रेडियो प्लेयर के लिए, यह इस तरह दिखता है:

  onLongPress: () { Navigator.of(context).push(MaterialPageRoute( builder: (context) => AccRadioPlayerControl( info: info, bobaos: bobaos, ))); }, 

AccRadioPlayerControl पेज AccRadioPlayerControl , जो राज्य को प्रबंधित करने के लिए ScopedModel का उपयोग करता है।

इस पर, प्रोग्राम ऑपरेशन एल्गोरिदम का संपूर्ण विवरण समाप्त हो गया है। कोई अतिरिक्त सुविधाएँ, जैसे अंतिम होस्ट को याद करना, सामानों को श्रेणियों / कमरों में क्रमबद्ध करना लागू नहीं किया जाता है। फिलहाल, सब कुछ सरल है।

समस्याओं

मैं अब मुख्य समस्या का वर्णन करूंगा। मुझे अभी भी समझ में नहीं आ रहा है कि टूटे हुए WebSocket कनेक्शन का पता कैसे लगाया जाए।

मैं उपयोग करता हूं: WebSocket वर्ग ।

जब एप्लिकेशन / डिवाइस लंबे समय तक स्लीप मोड में होता है, तो कनेक्शन काट दिया जाता है। आपको पहले पृष्ठ पर वापस जाना होगा और खोज की गई सेवा को फिर से खोलना होगा।

अंतभाषण

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

कोड लिखने में कठिनाइयाँ: विगेट्स का बड़ा घोंसला बनाना। स्पंदन के बाद प्रसिद्ध कॉलबैक नरक अलग दिखता है। विम-मोड और % उपयोगी होगा।

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

आवाज सहायक। यैंडेक्स के एलिस को उसके क्लाउड की आवश्यकता होती है जिसमें मान्यता प्राप्त पाठ भेजा जाता है। अमेज़न का एलेक्सा कुछ इसी अंदाज में काम करता है।

मेरी राय में, सबसे सफल, Apple HomeKit द्वारा सिरी के साथ मिलकर बनाया गया है। क्लाउड का उपयोग टेक्स्ट रिकग्निशन के लिए किया जाता है। उपकरणों के साथ सहभागिता - स्थानीय नेटवर्क में।

मेरी राय है कि क्लाउड अपने उद्देश्य के लिए मौजूद होना चाहिए: रिमोट कंट्रोल, अपडेटिंग आदि ... यदि डिवाइस को स्थानीय नेटवर्क पर नियंत्रित किया जा सकता है, तो आपको ऐसा करने की आवश्यकता है।

संदर्भ

1. एप्लिकेशन रिपॉजिटरी
2. Bobaoskit प्रलेखन - bobaoskit.worker स्थापित करने और radio player गौण लॉन्च करने का तरीका बताता है।