{"id":12195,"date":"2019-08-07T18:24:28","date_gmt":"2019-08-07T16:24:28","guid":{"rendered":"https:\/\/pi3g.com\/?p=12195"},"modified":"2019-08-07T18:24:28","modified_gmt":"2019-08-07T16:24:28","slug":"first-message-from-picockpit-client-rendered","status":"publish","type":"post","link":"https:\/\/pi3g.com\/de\/first-message-from-picockpit-client-rendered\/","title":{"rendered":"Erste Nachricht vom picockpit Client gerendert!"},"content":{"rendered":"<p>Heute, am 7.8.2019, gegen 18:16 Uhr, ist der Code f\u00fcr die erste Nachricht fertiggestellt:<\/p>\n<p><a href=\"https:\/\/pi3g.com\/wp-content\/uploads\/2019\/08\/image-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1086\" height=\"545\" title=\"Bild\" style=\"display: inline; background-image: none;\" alt=\"Bild\" src=\"https:\/\/pi3g.com\/wp-content\/uploads\/2019\/08\/image_thumb-3.png\" border=\"0\"><\/a>&nbsp;<\/p>\n<p>So wird der Pi \"Alexander\" als online angezeigt. <\/p>\n<p><strong>Dank der Magie von vue.js, MQTT, VerneMQ, AdminLTE, Crystal Lang, Python, Paho, AXIOS und vielem mehr!<\/strong><\/p>\n<p>Dies ist die Anstrengung von rund <strong>320<\/strong> Arbeitsstunden (gesamte bisher in PiCockpit investierte Zeit) <img decoding=\"async\" class=\"wlEmoticon wlEmoticon-smile\" style=\"\" alt=\"L\u00e4cheln\" src=\"https:\/\/pi3g.com\/wp-content\/uploads\/2019\/08\/wlEmoticon-smile.png\"><\/p>\n<p>(Das Schraubenschl\u00fcssel-Symbol nach Alexander zeigt \u00fcbrigens nur, dass UTF-8-Sonderzeichen problemlos verwendet werden k\u00f6nnen)<\/p>\n<p>Der Screenshot zeigt auch einige Designmerkmale der MQTT-Nachrichten und -Themen, f\u00fcr die ich mich entschieden habe:<\/p>\n<ul>\n<li>Pfad enth\u00e4lt den seriellen Pi<\/li>\n<li>Nachrichten sind im JSON-Format und enthalten spezielle Elemente:<\/li>\n<ul>\n<li>$client: der Client, der die Nachricht gesendet hat<\/li>\n<li>$uuid: eine eindeutige Kennung (derzeit mit uuid.uuid1() in Python erzeugt)<\/li>\n<li>$ts: ein UNIX-Zeitstempel, erzeugt mit datetime.datetime.utcnow().timestamp()<\/li>\n<\/ul>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Heute, am 7.8.2019, gegen 18:16 Uhr, ist der Code f\u00fcr die erste Meldung vorhanden, die gerendert wurde:   So wird der Pi \"Alexander\" als online angezeigt. Dank der Magie von vue.js, MQTT, VerneMQ, AdminLTE, Crystal Lang, Python, Paho, AXIOS und vielem mehr! Dies ist das Ergebnis von rund 320 Stunden Arbeit...<\/p>","protected":false},"author":830,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[432],"tags":[672,673,599,434],"class_list":["post-12195","post","type-post","status-publish","format-standard","hentry","category-picockpit","tag-alexander","tag-first-contact","tag-mqtt","tag-picockpit"],"_links":{"self":[{"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/posts\/12195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/users\/830"}],"replies":[{"embeddable":true,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/comments?post=12195"}],"version-history":[{"count":1,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/posts\/12195\/revisions"}],"predecessor-version":[{"id":12196,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/posts\/12195\/revisions\/12196"}],"wp:attachment":[{"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/media?parent=12195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/categories?post=12195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/tags?post=12195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}