مرحبا بالجميع.
أواصل تطوير مشروعي على تصور اتجاهات البيانات ، أضفت القدرة على العرض في متصفح في الوقت الفعلي. لمن هو مثير للاهتمام أسأل.
أخبر باختصار ما هو المشروع. هذا هو نظام برمجيات يسمى "SVisual".
يتكون من ثلاثة أجزاء:
- خادم "SVMonitor" ، بل هو أيضا شاشة على الإنترنت ؛
- عميل - مكتبة أو رسم لنقل البيانات من MK ؛
- وسجلات أرشيف المشاهد.
تم وصف النظام بالتفصيل في
مقال سابق .
شاهد الفيديو فورًا ، ماذا حدث: ركزت على المشاهدة من الهاتف ، لأنه سيكون أكثر ملاءمة لاستخدام تطبيق سطح المكتب على جهاز كمبيوتر.
الصفحة مكتوبة على كومة حديثة (React + Redux ، Boostrap design).
على الأجهزة اللوحية والهواتف القديمة ، لن تعمل.
مخطط وظيفي للبرنامج.
هنا:
- تنقل MK البيانات عبر منفذ COM أو الإيثرنت إلى خادم SVMonitor ، كما أنها خادم HTTP.
- المستخدم في المتصفح يفتح الصفحة.
يتم نقل الصفحة عبر http ، في وقت لاحق سأفعل https. في الوقت الحالي ، يمكنك استخدام برنامج جهة خارجية للحماية ، على سبيل المثال ، stunnel ، على سبيل المثال.
لم أعرض بالتفصيل المطبخ الداخلي للخادم ، كما هو موضح في كل شيء في
المقالة السابقة ، وفي
دليل البرامج.
مثال للاستخدام لاردوينو.
1. قم بتشغيل SVMonitor ، وفي إعدادات خادم الويب ، حدد عنوان IP والمنفذ.
2. ملء مثل هذا الرسم في MK:
#include <SVClient.h> void setup() { bool ok = svisual::connectOfCOM("client"); } int cnt = 0; void loop() { svisual::addIntValue("dfv", cnt); ++cnt; if (cnt > 10) cnt = 0; bool odd_cnt = cnt % 2; svisual::addBoolValue("bFW", odd_cnt ); svisual::addBoolValue("bBW", !odd_cnt ); delay(200); }
3. بعد ذلك ، تحتاج إلى إعادة تشغيل SVMonitor وإعادة توصيل MK.
4. الآن في SVMonitor ، يجب أن نرى MK المتصل:
5. افتح المتصفح ، وأدخل العنوان المحدد في إعدادات SVMonitor في شريط العناوين وانظر الصفحة التالية:
يوضح هذا الفيديو جميع إمكانيات العمل باستخدام رسم بياني في متصفح ل STM32 ، العميل
هنا .
هذا كل شيء من حيث المبدأ.
يتم توزيع البرنامج بحرية ، رخصة معهد ماساتشوستس للتكنولوجيا.شكرا لك