{"id":203,"date":"2019-03-20T10:37:44","date_gmt":"2019-03-20T09:37:44","guid":{"rendered":"https:\/\/azure.teamprojects.de\/?page_id=203"},"modified":"2019-03-21T13:40:17","modified_gmt":"2019-03-21T12:40:17","slug":"verbinden-der-hue-philips-lampe-mit-der-programmschnittstelle","status":"publish","type":"page","link":"https:\/\/azure.teamprojects.de\/?page_id=203","title":{"rendered":"Philips Hue Tutorial 1"},"content":{"rendered":"\n<p><em>Mit dem Tutorial wollen\nwir den Zustand der Philips Hue Lampe in Azure speichern. Als Erstes fangen wir\ndamit an die Hue Philips Lampe mit der Programmschnittstelle zu verbinden.<\/em><\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_17 counter-hierarchy counter-decimal ez-toc-grey\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" style=\"display: none;\"><i class=\"ez-toc-glyphicon ez-toc-icon-toggle\"><\/i><\/a><\/span><\/div>\n<nav><ul class=\"ez-toc-list ez-toc-list-level-1\"><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/azure.teamprojects.de\/?page_id=203\/#Hue_App_herunterladen\" title=\"Hue App herunterladen\">Hue App herunterladen<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/azure.teamprojects.de\/?page_id=203\/#Verbinden_der_Hue_bridge\" title=\"Verbinden der Hue bridge \">Verbinden der Hue bridge <\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/azure.teamprojects.de\/?page_id=203\/#IP_Adresse_der_Hue_bridge_aus_der_App_herauslesen\" title=\"IP Adresse der Hue bridge aus der App herauslesen\">IP Adresse der Hue bridge aus der App herauslesen<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/azure.teamprojects.de\/?page_id=203\/#Die_Hue_debuggen\" title=\"Die Hue debuggen\">Die Hue debuggen<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/azure.teamprojects.de\/?page_id=203\/#Neue_Ressource_erstellen\" title=\"Neue Ressource erstellen \">Neue Ressource erstellen <\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/azure.teamprojects.de\/?page_id=203\/#Das_Licht_steuern\" title=\"Das Licht steuern\">Das Licht steuern<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/azure.teamprojects.de\/?page_id=203\/#Informationen_ueber_die_Ressource_hier_Lampe\" title=\"Informationen \u00fcber die Ressource (hier: Lampe)\">Informationen \u00fcber die Ressource (hier: Lampe)<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/azure.teamprojects.de\/?page_id=203\/#Das_Licht_kontrollieren\" title=\"Das Licht kontrollieren \">Das Licht kontrollieren <\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Hue_App_herunterladen\"><\/span><strong>Hue App herunterladen<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Laden Sie sich die offizielle Philips Hue App herunter.\nVerbinden Sie Ihr Smartphone mit dem WLAN, welches bereits mit der Hue bridge (intelligentes\nSteuerger\u00e4t) verbunden ist.<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"Verbinden_der_Hue_bridge\"><\/span><strong>Verbinden der Hue bridge <\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Verbinden Sie Ihre Hue bridge mit dem WLAN und\ntesten Sie ihre Funktionalit\u00e4t auf der App, indem Sie das Licht mit der App\nsteuern. <strong>Tipp: <\/strong>Sie m\u00fcssen im\ngleichen WLAN-Netzwerk sein!<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"IP_Adresse_der_Hue_bridge_aus_der_App_herauslesen\"><\/span><strong>IP Adresse der Hue bridge aus der App herauslesen<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>In der App unter &#8222;Einstellungen&#8220; -&gt; &#8222;Hue bridges&#8220; k\u00f6nnen Sie die &#8222;IP-Adresse&#8220; ausfindig machen und sie aufschreiben.<br> <br> <\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt.png\" alt=\"\" class=\"wp-image-206\" width=\"577\" height=\"1244\"\/><figcaption>Abbildung 1<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-1.png\" alt=\"\" class=\"wp-image-207\" width=\"578\" height=\"1253\" srcset=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-1.png 381w, https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-1-138x300.png 138w\" sizes=\"(max-width: 578px) 100vw, 578px\" \/><figcaption>Abbildung 2<\/figcaption><\/figure>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"Die_Hue_debuggen\"><\/span><strong>Die Hue debuggen<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p style=\"text-align:left\">Die &#8222;IP Adresse&#8220; geben Sie im folgenden Format in Ihren Internetbrowser ein:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>http:\/\/&lt;Ihre IP-Adresse>\/debug\/clip.html<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-2.png\" alt=\"\" class=\"wp-image-208\" width=\"593\" height=\"604\" srcset=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-2.png 667w, https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-2-294x300.png 294w\" sizes=\"(max-width: 593px) 100vw, 593px\" \/><figcaption>Abbildung  3<\/figcaption><\/figure>\n\n\n\n<p>Das Interface wird genau wir das Bild hier aussehen<\/p>\n\n\n\n<p><strong>URL:<\/strong> Ist die lokale Adresse. Hier kann man sich innerhalb des Hue Systemes zwischen spezifischen Ressourcen bewegen. Eine Ressource k\u00f6nnte z.B eine Lampe, eine Gruppe von Lampen oder auch vieles andere mehr sein.<\/p>\n\n\n\n<p><strong>Message Body:<\/strong> Das ist der Bereich, wo Befehle gegeben oder Sachen ge\u00e4ndert werden. Das alles geschieht im JSON-Format. Hier geben Sie den Namen und den Wert der Ressource ein, den sie \u00e4ndern oder hinzuf\u00fcgen m\u00f6chten.<\/p>\n\n\n\n<p><strong>Method: <\/strong>Hier haben sie die Wahl zwischen 4 HTTPS-Methoden die der Hue benutzen kann. Diese sind im Folgenden aufgef\u00fchrt.<\/p>\n\n\n\n<p><strong>GET:<\/strong> Das ist der Befehl der alle Informationen \u00fcber die aktuelle Ressource abruft.<\/p>\n\n\n\n<p><strong>PUT:<\/strong> Damit geben Sie den Befehl aus etwas, in unserer aktuellen Ressource zu \u00e4ndern. Z.B. den Zustand oder den Namen und vieles mehr.<\/p>\n\n\n\n<p><strong>POST:<\/strong> Dieser Befehl erzeugt innerhalb der adressierten Ressource eine neue Ressource.<\/p>\n\n\n\n<p><strong>DELETE: &nbsp;<\/strong>Dies ist der Befehl zum L\u00f6schen der adressierten Ressource.<\/p>\n\n\n\n<h2 id=\"IP-Adresse\"><span class=\"ez-toc-section\" id=\"Neue_Ressource_erstellen\"><\/span><strong>Neue Ressource erstellen <\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Sie brauchen einen zuf\u00e4llig generierten Benutzernamen den die Hue bridge f\u00fcr Sie erzeugt.<\/p>\n\n\n\n<p>Sie erzeugen Ihn in dem Sie folgende Schritte ausf\u00fchren:<\/p>\n\n\n\n<p>Unter<strong> <\/strong>&#8222;URL&#8220; einf\u00fcgen:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">http:\/\/<strong>&lt;Ihre IP-Adresse&gt;<\/strong>\/api\/<\/pre>\n\n\n\n<p>In &#8222;Message BODY&#8220; hinzuf\u00fcgen:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\"devicetype\":\"my_hue_app#iphone username\"}\n<\/pre>\n\n\n\n<p>Danach auf &#8222;GET&#8220; klicken.<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-3.png\" alt=\"\" class=\"wp-image-209\" width=\"597\" height=\"675\" srcset=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-3.png 601w, https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-3-265x300.png 265w\" sizes=\"(max-width: 597px) 100vw, 597px\" \/><figcaption>Abbildung 4<\/figcaption><\/figure>\n\n\n\n<p>Dieser Befehl bewirkt, dass Sie eine neue Ressource<strong> <\/strong>erstellen.<\/p>\n\n\n\n<p>Als erstes werden Sie einen &#8222;Error&#8220; bekommen. Das liegt daran, dass das Sicherheitssystem von Philips Hue eingreift. Durch das Dr\u00fccken auf die Taste beweisen Sie, dass Sie physischen Zugriff auf die Hue bridge haben.<\/p>\n\n\n\n<p>Jetzt dr\u00fccken Sie die obere Taste und klicken Sie nochmal auf &#8222;POST&#8220;<strong>. <\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-4.png\" alt=\"\" class=\"wp-image-210\" width=\"577\" height=\"768\"\/><figcaption>Abbildung 5<\/figcaption><\/figure>\n\n\n\n<p>Jetzt bekommen Sie einen Benutzernamen, den die Hue bridge f\u00fcr Sie erstellt hat.<br><\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-5.png\" alt=\"\" class=\"wp-image-211\" width=\"615\" height=\"629\" srcset=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-5.png 608w, https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-5-294x300.png 294w\" sizes=\"(max-width: 615px) 100vw, 615px\" \/><figcaption>Abbildung 6<\/figcaption><\/figure>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"Das_Licht_steuern\"><\/span><strong>Das Licht steuern<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Kopieren Sie Ihren Benutzernamen und geben Sie diesen in &#8222;URL&#8220; ein:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">http:\/\/<strong>&lt;Ihre IP-Adresse&gt;<\/strong>\/api\/<strong>&lt;Benutzername den die Hue bridge Ihnen\ngeben hat&gt;<\/strong>\/lights<\/pre>\n\n\n\n<p>Nun auf &#8222;GET&#8220; klicken.<\/p>\n\n\n\n<p>Nun sollten Sie\neine JSON Antwort bekommen mit allen Ressourcen im Hue System und Ihrem Namen.<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-7.png\" alt=\"\" class=\"wp-image-214\" width=\"608\" height=\"621\" srcset=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-7.png 624w, https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-7-294x300.png 294w\" sizes=\"(max-width: 608px) 100vw, 608px\" \/><figcaption>Abbildung 7<\/figcaption><\/figure>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"Informationen_ueber_die_Ressource_hier_Lampe\"><\/span><strong>Informationen \u00fcber die Ressource (hier: Lampe)<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Die ID der Lampe die ich benutze ist 2. Ich will eine spezifische\nInformation \u00fcber diese Lampe.<\/p>\n\n\n\n<p>Unter &#8222;URL&#8220; einf\u00fcgen:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">http:\/\/<strong>&lt;Ihre IP-Adresse&gt;<\/strong>\/api\/<strong>&lt;Benutzername den die Hue bridge Ihnen\ngeben hat&gt;<\/strong>\/lights\/<strong>&lt;ID Ihrer\nLampe &gt;<\/strong><\/pre>\n\n\n\n<p>Klicken Sie auf &#8222;GET&#8220;<strong> .<\/strong><\/p>\n\n\n\n<p>Dadurch bekommen\nSie alle Informationen \u00fcber die Lampe 2 (Wenn Sie eine andere Nummer haben, dann\nsehen Sie die Informationen \u00fcber diese).<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-8.png\" alt=\"\" class=\"wp-image-215\" width=\"606\" height=\"660\" srcset=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-8.png 639w, https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-8-275x300.png 275w\" sizes=\"(max-width: 606px) 100vw, 606px\" \/><figcaption>Abbildung 8<\/figcaption><\/figure>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"Das_Licht_kontrollieren\"><\/span><strong>Das Licht kontrollieren <\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Hier sehen wir in state<strong>,<\/strong> dass die Lampe auf {\u201con\u201d: true}, also an ist. Wir wollen dieses Licht in state<strong> <\/strong>kontrollieren.<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-9.png\" alt=\"\" class=\"wp-image-217\" width=\"605\" height=\"541\" srcset=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-9.png 611w, https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-9-300x269.png 300w\" sizes=\"(max-width: 605px) 100vw, 605px\" \/><figcaption>Abbildung 9<\/figcaption><\/figure>\n\n\n\n<p>Setzen Sie das als n\u00e4chstes in die vorhandene &#8222;URL&#8220;<strong>:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">http:\/\/<strong>&lt;Ihre IP-Adresse&gt;<\/strong>\/api\/<strong>&lt;Benutzername den die Hue bridge Ihnen\ngeben hat&gt;<\/strong>\/lights\/<strong>&lt;ID Ihrer\nLampe&gt;<\/strong>\/state<\/pre>\n\n\n\n<p>Setzten Sie als n\u00e4chstes Folgendes in &#8222;Message BODY&#8220;:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\"on\": false}<\/pre>\n\n\n\n<p>Klicken Sie auf  &#8222;PUT&#8220;<strong>.<\/strong><\/p>\n\n\n\n<p>Nun geht Ihr Licht aus! \u00c4ndern Sie den Wert in &#8222;Message BODY&#8220; auf true geht das Licht wieder an.<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-10.png\" alt=\"\" class=\"wp-image-218\" width=\"590\" height=\"629\" srcset=\"https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-10.png 554w, https:\/\/azure.teamprojects.de\/wp-content\/uploads\/2019\/03\/Unbenannt-10-281x300.png 281w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><figcaption>Abbildung 10<\/figcaption><\/figure>\n\n\n\n<p>Weiter zum <a href=\"https:\/\/azure.teamprojects.de\/?page_id=239(\u00f6ffnet in neuem Tab)\"><strong>Philips Hue Tutorial 2<\/strong><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mit dem Tutorial wollen wir den Zustand der Philips Hue Lampe in Azure speichern. Als Erstes fangen wir damit an die Hue Philips Lampe mit der Programmschnittstelle zu verbinden. Table of Contents Hue App herunterladenVerbinden der Hue bridge IP Adresse der Hue bridge aus der App herauslesenDie Hue debuggenNeue Ressource erstellen Das Licht steuernInformationen \u00fcber &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/azure.teamprojects.de\/?page_id=203\" class=\"more-link\"><span class=\"screen-reader-text\">\u201ePhilips Hue Tutorial 1\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":100,"featured_media":0,"parent":585,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/azure.teamprojects.de\/index.php?rest_route=\/wp\/v2\/pages\/203"}],"collection":[{"href":"https:\/\/azure.teamprojects.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/azure.teamprojects.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/azure.teamprojects.de\/index.php?rest_route=\/wp\/v2\/users\/100"}],"replies":[{"embeddable":true,"href":"https:\/\/azure.teamprojects.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=203"}],"version-history":[{"count":26,"href":"https:\/\/azure.teamprojects.de\/index.php?rest_route=\/wp\/v2\/pages\/203\/revisions"}],"predecessor-version":[{"id":642,"href":"https:\/\/azure.teamprojects.de\/index.php?rest_route=\/wp\/v2\/pages\/203\/revisions\/642"}],"up":[{"embeddable":true,"href":"https:\/\/azure.teamprojects.de\/index.php?rest_route=\/wp\/v2\/pages\/585"}],"wp:attachment":[{"href":"https:\/\/azure.teamprojects.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}