{"id":276,"date":"2021-05-31T13:08:36","date_gmt":"2021-05-31T12:08:36","guid":{"rendered":"https:\/\/www.davidezanatta.com\/blog\/?p=276"},"modified":"2021-12-07T16:57:52","modified_gmt":"2021-12-07T15:57:52","slug":"volkswagen-weconnect-id-home-assistant","status":"publish","type":"post","link":"https:\/\/www.davidezanatta.com\/blog\/volkswagen-weconnect-id-home-assistant\/","title":{"rendered":"Volkswagen WeConnect ID in Home Assistant e Plancia Personalizzata per ID.3"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/WeConnect-ID-in-Home-Assistant-1024x576.png\" alt=\"Volkswagen WeConnect ID in Home Assistant\" class=\"wp-image-277\" width=\"768\" height=\"432\" srcset=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/WeConnect-ID-in-Home-Assistant-1024x576.png 1024w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/WeConnect-ID-in-Home-Assistant-300x169.png 300w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/WeConnect-ID-in-Home-Assistant-768x432.png 768w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/WeConnect-ID-in-Home-Assistant-100x56.png 100w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/WeConnect-ID-in-Home-Assistant-872x490.png 872w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/WeConnect-ID-in-Home-Assistant-1125x633.png 1125w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/WeConnect-ID-in-Home-Assistant.png 1366w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure><\/div>\n\n\n\n<p>In famiglia abbiamo acquistato di recente una Volkswagen ID.3 ed in questa guida vedremo come importare i dati visualizzati dall&#8217;app Volkswagen WeConnect ID in Home Assistant e come creare dei sensori per registrare diversi dati come ad esempio lo stato di carica della batteria, l&#8217;autonomia, la potenza di ricarica in Watt (che al momento non \u00e8 possibile ricavare dall&#8217;infotainment dell&#8217;auto) e molto altro.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_50 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Indice dei contenuti<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\" role=\"button\"><label for=\"item-6ab1938e2da98\" aria-hidden=\"true\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input  type=\"checkbox\" id=\"item-6ab1938e2da98\"><\/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-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.davidezanatta.com\/blog\/volkswagen-weconnect-id-home-assistant\/#Prerequisiti\" title=\"Prerequisiti\">Prerequisiti<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.davidezanatta.com\/blog\/volkswagen-weconnect-id-home-assistant\/#Configurazione_del_componente_Volkswagen_ID_in_Home_Assistant\" title=\"Configurazione del componente Volkswagen ID in Home Assistant\">Configurazione del componente Volkswagen ID in Home Assistant<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.davidezanatta.com\/blog\/volkswagen-weconnect-id-home-assistant\/#Creazione_di_sensori_personalizzati_per_raccogliere_tutti_i_dati_di_WeConnect_ID_in_Home_Assistant\" title=\"Creazione di sensori personalizzati per raccogliere tutti i dati di WeConnect ID in Home Assistant\">Creazione di sensori personalizzati per raccogliere tutti i dati di WeConnect ID in Home Assistant<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.davidezanatta.com\/blog\/volkswagen-weconnect-id-home-assistant\/#Personalizzazione_delle_icone_in_base_allo_stato\" title=\"Personalizzazione delle icone in base allo stato\">Personalizzazione delle icone in base allo stato<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.davidezanatta.com\/blog\/volkswagen-weconnect-id-home-assistant\/#Creazione_di_una_plancia_personalizzata\" title=\"Creazione di una plancia personalizzata\">Creazione di una plancia personalizzata<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.davidezanatta.com\/blog\/volkswagen-weconnect-id-home-assistant\/#Creazione_di_una_scheda_personalizzata_per_Volkswagen_ID3_e_tutti_gli_altri_veicoli_della_serie_ID\" title=\"Creazione di una scheda personalizzata per Volkswagen ID.3 (e tutti gli altri veicoli della serie ID)\">Creazione di una scheda personalizzata per Volkswagen ID.3 (e tutti gli altri veicoli della serie ID)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.davidezanatta.com\/blog\/volkswagen-weconnect-id-home-assistant\/#Conclusione\" title=\"Conclusione\">Conclusione<\/a><\/li><\/ul><\/nav><\/div>\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Prerequisiti\"><\/span>Prerequisiti<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Nel seguito di questa guida dar\u00f2 per scontato che abbiate gi\u00e0 installato Home Assistant (potete trovare un sacco di guide online, quella ufficiale si pu\u00f2 trovare <a href=\"https:\/\/www.home-assistant.io\/installation\/\" target=\"_blank\" rel=\"noopener\">qui<\/a> [io ad esempio ho installato il sistema operativo di Home Assistant in una virtual machine, ma \u00e8 anche possibile installarlo su un raspberry pi]).<br>Sar\u00e0 poi necessario installare il componente <em>&#8220;ha_vwid&#8221; <\/em>disponibile sull&#8217; &#8220;Home Assistant Community Store&#8221; (anche se si chiama store \u00e8 tutto gratuito, tranquilli).<br>Per ottenerlo sar\u00e0 necessario installare l&#8217;Home Assistant Community Store tramite <a href=\"https:\/\/hacs.xyz\/docs\/installation\/prerequisites\" target=\"_blank\" rel=\"noopener\">questa guida<\/a> e successivamente sar\u00e0 necessario installare il componente <em>&#8220;ha_vwid&#8221; <\/em>seguendo la guida nella <a href=\"https:\/\/github.com\/skagmo\/ha_vwid\" class=\"rank-math-link\" target=\"_blank\" rel=\"noopener\">repository Github<\/a> (oppure direttamente in HACS dopo aver aggiunto la repository nelle repository personalizzate).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Configurazione_del_componente_Volkswagen_ID_in_Home_Assistant\"><\/span>Configurazione del componente Volkswagen ID in Home Assistant<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>La prima cosa da fare per integrare WeConnect ID in Home Assistant \u00e8 attivare il componente scaricato al punto precedente inserendo le credenziali di accesso durante la procedura di configurazione. Per fare questo \u00e8 necessario innanzitutto entrare nella sezione <em>&#8220;Impostazioni&gt;Integrazioni&#8221;<\/em> ed in seguito cliccare su <em>&#8220;Aggiungi Integrazione&#8221;<\/em>. Cercare e cliccare su <em>&#8220;Volkswagen ID&#8221;<\/em>. Si dovrebbe aprire una finestra come questa:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID.png\" alt=\"\" class=\"wp-image-280\" width=\"312\" height=\"257\" srcset=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID.png 1009w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID-300x247.png 300w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID-768x633.png 768w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID-100x82.png 100w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID-872x719.png 872w\" sizes=\"(max-width: 312px) 100vw, 312px\" \/><\/figure><\/div>\n\n\n\n<p>Inserire quindi i dati di accesso all&#8217;applicazione WeConnect ID (username e password) e successivamente inserire il codice VIN del veicolo (\u00e8 il numero di telaio).<\/p>\n\n\n\n<p><strong><u>ATTENZIONE<\/u><\/strong>: <br>Prima di attivare l&#8217;integrazione in Home Assistant sar\u00e0 necessario collegare l&#8217;app ufficiale Volkswagen WeConnect ID al proprio veicolo).<\/p>\n\n\n\n<p>Dopo aver riavviato il server di Home Assistant (nella sezione <em>&#8220;Impostazioni&gt;Controlli del Server&gt;Gestione del Server&#8221;<\/em> e cliccando <em>&#8220;Riavvia&#8221;<\/em>) sar\u00e0 disponibile una nuova entit\u00e0 nella sezione <em>&#8220;Impostazioni&gt;Entit\u00e0&#8221;<\/em> chiamata <em>&#8220;State of Charge&#8221;<\/em> che indicher\u00e0 lo stato di carica dell&#8217;auto ed avr\u00e0 come attributi tutti gli altri dati rilevanti.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID_sensor-560x1024.png\" alt=\"\" class=\"wp-image-283\" width=\"250\" height=\"457\" srcset=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID_sensor-560x1024.png 560w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID_sensor-164x300.png 164w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID_sensor-768x1405.png 768w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID_sensor-839x1536.png 839w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID_sensor-100x183.png 100w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID_sensor-872x1596.png 872w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID_sensor.png 1046w\" sizes=\"(max-width: 250px) 100vw, 250px\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creazione_di_sensori_personalizzati_per_raccogliere_tutti_i_dati_di_WeConnect_ID_in_Home_Assistant\"><\/span>Creazione di sensori personalizzati per raccogliere tutti i dati di WeConnect ID in Home Assistant<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Per raccogliere anche i dati mostrati come attributi dal sensore generato automaticamente dall&#8217;integrazione configurata sopra sar\u00e0 necessario creare dei sensori personalizzati in Home Assistant. Per fare questo dobbiamo aggiungere nella sezione sensor del file &#8220;<em>configuration.yaml<\/em>&#8221; di Home Assistant (se non sapete di cosa sto parlando potete leggere <a class=\"rank-math-link\" href=\"https:\/\/www.home-assistant.io\/docs\/configuration\/yaml\/\" target=\"_blank\" rel=\"noopener\">questa guida<\/a>) il codice seguente (al posto di <em>&#8220;[vin]&#8221;<\/em> dovrete scrivere il codice VIN del vostro veicolo):<\/p>\n\n\n\n<pre title=\"Esempio di alcuni sensori personalizzati (utilizzando questi come template potete aggiungere anche gli altri)\" class=\"wp-block-code has-normal-font-size\"><code lang=\"yaml\" class=\"language-yaml line-numbers\">&nbsp;&nbsp;#ID3&nbsp;Charge&nbsp;state\n&nbsp;&nbsp;-&nbsp;platform:&nbsp;template\n&nbsp;&nbsp;&nbsp;&nbsp;sensors:\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id3_charge_state:\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;friendly_name:&nbsp;\"State&nbsp;of&nbsp;Charge\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;unit_of_measurement:&nbsp;\"%\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;value_template:&nbsp;'{{&nbsp;states.sensor.[vin]_soc.attributes.CurrentSOCPct&nbsp;}}'\n\n&nbsp;&nbsp;#ID3&nbsp;Charge&nbsp;Power\n&nbsp;&nbsp;-&nbsp;platform:&nbsp;template\n&nbsp;&nbsp;&nbsp;&nbsp;sensors:\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id3_charge_power:\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;friendly_name:&nbsp;\"Charging&nbsp;Power\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;unit_of_measurement:&nbsp;\"kW\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;value_template:&nbsp;'{{&nbsp;states.sensor.[vin]_soc.attributes.ChargePowerKW&nbsp;}}'\n\n&nbsp;&nbsp;#ID3&nbsp;Climatization&nbsp;State\n&nbsp;&nbsp;-&nbsp;platform:&nbsp;template\n&nbsp;&nbsp;&nbsp;&nbsp;sensors:\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id3_climatization_state:\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;friendly_name:&nbsp;\"Climatization&nbsp;State\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;value_template:&nbsp;'{{&nbsp;states.sensor.[vin]_soc.attributes.ClimatisationState&nbsp;}}'\n\n&nbsp;&nbsp;#ID3&nbsp;Range\n&nbsp;&nbsp;-&nbsp;platform:&nbsp;template\n&nbsp;&nbsp;&nbsp;&nbsp;sensors:\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id3_range:\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;friendly_name:&nbsp;\"Range\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;unit_of_measurement:&nbsp;\"Km\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;value_template:&nbsp;'{{&nbsp;states.sensor.[vin]_soc.attributes.CruisingRangeElectricKm&nbsp;}}'<\/code><\/pre>\n\n\n\n<p>Dopo aver riavviato nuovamente il server i sensori saranno disponibili all&#8217;interno di Home Assistant (potete visualizzarli in <em>&#8220;Impostazioni&gt;Entit\u00e0&#8221;<\/em>).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Personalizzazione_delle_icone_in_base_allo_stato\"><\/span>Personalizzazione delle icone in base allo stato<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Per rendere pi\u00f9 accattivante l&#8217;interfaccia grafica dobbiamo fare in modo che le icone mostrate cambino in base ai dati importati da WeConnect ID in Home Assistant.<\/p>\n\n\n\n<p>Per modificare le icone ed i colori delle icone in base ai dati di WeConnect ID in Home Assistant ho utilizzato il componente custom-ui disponibile sull&#8217; &#8220;Home Assistant Community Store&#8221; (anche se si chiama store \u00e8 tutto gratuito, tranquilli). Per ottenerlo sar\u00e0 necessario installare il componente custom-ui seguendo la guida nella <a href=\"https:\/\/github.com\/Mariusthvdb\/custom-ui\" target=\"_blank\" rel=\"noopener\">repository Github<\/a> (nel mio caso \u00e8 stato necessario anche installare <a href=\"https:\/\/github.com\/jcwillox\/lovelace-paper-buttons-row\" target=\"_blank\" rel=\"noopener\">questo altro componente<\/a> per far funzionare tutto correttamente).<\/p>\n\n\n\n<p>Dovremo poi inserire all&#8217;interno del file &#8220;<em>configuration.yaml<\/em>&#8221; nella sezione <em>&#8220;homeassistant&#8221;<\/em> il nome del file per le personalizzazioni che andr\u00e0 inserito nella stessa cartella del file di configurazione (uso un file esterno per mantenere il tutto in ordine, ma le personalizzazioni si potrebbero anche scrivere direttamente nel file di configurazione). Il risultato \u00e8 il seguente (nel mio caso ho chiamato il file <em>&#8220;customizations.yaml&#8221;<\/em>):<\/p>\n\n\n\n<pre class=\"wp-block-code has-normal-font-size\"><code lang=\"yaml\" class=\"language-yaml line-numbers\">homeassistant:\n\n&nbsp;&nbsp;customize:&nbsp;!include&nbsp;customizations.yaml<\/code><\/pre>\n\n\n\n<p class=\"has-normal-font-size\">Fatto questo sar\u00e0 necessario inserire nella sezione <em>&#8220;customize&#8221;<\/em> del file di configurazione di Home Assistant (o nel file dedicato) il codice seguente:<\/p>\n\n\n\n<pre class=\"wp-block-code has-normal-font-size\"><code lang=\"yaml\" class=\"language-yaml line-numbers\">sensor.id3_charge_state:\n&nbsp;&nbsp;templates:\n&nbsp;&nbsp;&nbsp;&nbsp;icon:&nbsp;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;10)&nbsp;return&nbsp;'mdi:battery-alert-variant-outline';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;15)&nbsp;return&nbsp;'mdi:battery-10';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;25)&nbsp;return&nbsp;'mdi:battery-20';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;35)&nbsp;return&nbsp;'mdi:battery-30';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;45)&nbsp;return&nbsp;'mdi:battery-40';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;55)&nbsp;return&nbsp;'mdi:battery-50';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;65)&nbsp;return&nbsp;'mdi:battery-60';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;75)&nbsp;return&nbsp;'mdi:battery-70';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;85)&nbsp;return&nbsp;'mdi:battery-80';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;95)&nbsp;return&nbsp;'mdi:battery-90';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&gt;=&nbsp;95)&nbsp;return&nbsp;'mdi:battery';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;return&nbsp;'mdi:alert-octagon';\n&nbsp;&nbsp;&nbsp;&nbsp;icon_color:&nbsp;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;10)&nbsp;return&nbsp;'rgb(229,0,0)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;15)&nbsp;return&nbsp;'rgb(253,101,40)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;25)&nbsp;return&nbsp;'rgb(251,141,35)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;35)&nbsp;return&nbsp;'rgb(249,183,30)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;45)&nbsp;return&nbsp;'rgb(248,226,24)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;55)&nbsp;return&nbsp;'rgb(222,246,19)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;65)&nbsp;return&nbsp;'rgb(172,245,14)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;75)&nbsp;return&nbsp;'rgb(122,243,9)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;85)&nbsp;return&nbsp;'rgb(70,241,4)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&lt;&nbsp;95)&nbsp;return&nbsp;'rgb(17,239,0)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&gt;=&nbsp;95)&nbsp;return&nbsp;'rgb(0,255,0)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;return&nbsp;'rgb(255,0,0)';\n\nsensor.id3_charge_power:\n&nbsp;&nbsp;templates:\n&nbsp;&nbsp;&nbsp;&nbsp;icon:&nbsp;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&gt;&nbsp;11)&nbsp;return&nbsp;'mdi:ev-plug-ccs2';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&gt;&nbsp;0)&nbsp;return&nbsp;'mdi:ev-plug-type2';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;return&nbsp;'mdi:power-plug-off';\n&nbsp;&nbsp;&nbsp;&nbsp;icon_color:&nbsp;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;&gt;&nbsp;0)&nbsp;return&nbsp;'rgb(0,255,0)';\n\nsensor.id3_climatization_state:\n&nbsp;&nbsp;templates:\n&nbsp;&nbsp;&nbsp;&nbsp;icon:&nbsp;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;\"ventilation\")&nbsp;return&nbsp;'mdi:fan';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;\"cooling\")&nbsp;return&nbsp;'mdi:car-seat-cooler';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;\"heating\")&nbsp;return&nbsp;'mdi:car-seat-heater';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;return&nbsp;'mdi:fan-off';\n&nbsp;&nbsp;&nbsp;&nbsp;icon_color:&nbsp;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;\"cooling\")&nbsp;return&nbsp;'rgb(62,219,240)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;\"heating\")&nbsp;return&nbsp;'rgb(207,0,0)';<\/code><\/pre>\n\n\n\n<p>Infine riavviare il server di Home Assistant per applicare le modifiche.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-6b9293e8-3b6a-4e39-9cfb-fb7bc5592841\"><span class=\"ez-toc-section\" id=\"Creazione_di_una_plancia_personalizzata\"><\/span>Creazione di una plancia personalizzata<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Siccome ho intenzione di collegare anche una wallbox ad Home Assistant (scriver\u00f2 una guida apposita a riguardo) ho deciso di creare una plancia dedicata alla gestione delle auto (se volete potete saltare questa sezione e passare alla successiva ). Per fare questo \u00e8 sufficiente selezionare <em>&#8220;modifica plancia&#8221;<\/em> dalla sezione Panoramica di Home Assistant per entrare nell&#8217;editor.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Lovelace-Editor-open.png\" alt=\"\" class=\"wp-image-263\" width=\"492\" height=\"142\" srcset=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Lovelace-Editor-open.png 983w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Lovelace-Editor-open-300x87.png 300w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Lovelace-Editor-open-768x222.png 768w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Lovelace-Editor-open-100x29.png 100w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Lovelace-Editor-open-872x252.png 872w\" sizes=\"(max-width: 492px) 100vw, 492px\" \/><\/figure><\/div>\n\n\n\n<p>Dopodich\u00e9 baster\u00e0 premere il tasto <em>&#8220;aggiungi&#8221;<\/em> (quello con l&#8217;icona &#8220;+&#8221; ) ed inserire le informazioni necessarie come in figura:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Controllo-Auto.png\" alt=\"\" class=\"wp-image-265\" width=\"452\" height=\"399\" srcset=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Controllo-Auto.png 903w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Controllo-Auto-300x265.png 300w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Controllo-Auto-768x678.png 768w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Controllo-Auto-100x88.png 100w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Controllo-Auto-872x770.png 872w\" sizes=\"(max-width: 452px) 100vw, 452px\" \/><\/figure><\/div>\n\n\n\n<p>Infine premere <em>&#8220;salva&#8221;<\/em> e spostarsi nella plancia appena creata.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creazione_di_una_scheda_personalizzata_per_Volkswagen_ID3_e_tutti_gli_altri_veicoli_della_serie_ID\"><\/span>Creazione di una scheda personalizzata per Volkswagen ID.3 (e tutti gli altri veicoli della serie ID)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID_LL-1024x836.png\" alt=\"\" class=\"wp-image-306\" width=\"512\" height=\"418\" srcset=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID_LL-1024x836.png 1024w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID_LL-300x245.png 300w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID_LL-768x627.png 768w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID_LL-100x82.png 100w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID_LL-872x712.png 872w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID_LL-1125x918.png 1125w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/ID_LL.png 1242w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><\/div>\n\n\n\n<p>Prima di creare una scheda personalizzata sar\u00e0 necessario, se volete mostrare un&#8217;immagine dell&#8217;auto nella parte superiore della scheda, importare un&#8217;immagine all&#8217;interno di Home Assistant.<\/p>\n\n\n\n<p>Per fare questo sar\u00e0 innanzitutto necessario importare l&#8217;immagine che desideriamo inserire all&#8217;interno di Home Assistant tramite l&#8217;add-on di Visual Studio Code. Sar\u00e0 sufficiente creare una cartella nella cartella <em>&#8220;www&#8221;<\/em> (nel mio caso ho chiamato la cartella <em>&#8220;myimages&#8221;<\/em>) ed inserire al suo interno le immagini che desideriamo utilizzare in Home Assistant. Le immagini caricate saranno quindi disponibili all&#8217;interno di Home Assistant tramite il percorso <em>&#8220;local\/myimages\/nomefile.estensione&#8221;<\/em>.<\/p>\n\n\n\n<p>Vi lascio disponibile per il download qui di seguito l&#8217;immagine che ho usato io (potete anche usarla come template per creare una vostra immagine personalizzata):<\/p>\n\n\n\n<div class=\"wp-block-file aligncenter\"><a href=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/id3_business.png\">id3_business_makena<\/a><a href=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/id3_business.png\" class=\"wp-block-file__button\" download>Download<\/a><\/div>\n\n\n\n<p>Sar\u00e0 infine sufficiente creare una nuova scheda. Per fare questo \u00e8 sufficiente cliccare su <em>&#8220;Aggiungi Scheda&#8221;<\/em> (se il tasto non \u00e8 visibile guarda la sezione precedente per capire come aprire l&#8217;editor della plancia). Per usare la stessa plancia che utilizzo io basta selezionare l&#8217;opzione &#8220;Manuale&#8221; e copiare il codice seguente, per poi premere salva (do per scontato che l&#8217;immagine caricata all&#8217;inizio della guida sia salvata con lo stesso nome e nella stessa cartella del mio server):<\/p>\n\n\n\n<pre class=\"wp-block-code has-normal-font-size\"><code lang=\"yaml\" class=\"language-yaml line-numbers\">type:&nbsp;entities\nentities:\n&nbsp;&nbsp;-&nbsp;entity:&nbsp;sensor.id3_charge_state\n&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;Stato&nbsp;di&nbsp;Carica\n&nbsp;&nbsp;-&nbsp;entity:&nbsp;sensor.id3_range\n&nbsp;&nbsp;&nbsp;&nbsp;icon:&nbsp;'mdi:road-variant'\n&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;Autonomia\n&nbsp;&nbsp;-&nbsp;entity:&nbsp;sensor.id3_charge_power\n&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;Potenza&nbsp;di&nbsp;Ricarica\n&nbsp;&nbsp;-&nbsp;entity:&nbsp;sensor.id3_climatization_state\n&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;Stato&nbsp;Clima\nheader:\n&nbsp;&nbsp;type:&nbsp;picture\n&nbsp;&nbsp;image:&nbsp;local\/myimages\/id3_business.png\n&nbsp;&nbsp;tap_action:\n&nbsp;&nbsp;&nbsp;&nbsp;action:&nbsp;none\n&nbsp;&nbsp;hold_action:\n&nbsp;&nbsp;&nbsp;&nbsp;action:&nbsp;none\ntitle:&nbsp;ID.3\nshow_header_toggle:&nbsp;false\nstate_color:&nbsp;true<\/code><\/pre>\n\n\n\n<p>In alternativa \u00e8 possibile anche creare la scheda usando l&#8217;editor visivo (potete anche modificare visivamente la scheda da me creata copiando il codice, salvandolo e premendo il tasto <em>&#8220;Mostra Editor Visivo&#8221;<\/em>).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusione\"><\/span>Conclusione<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>In questa guida abbiamo visto come ottenere i dati dell&#8217;applicazione WeConnect ID in Home Assistant e come creare una plancia personalizzata per visualizzare lo stato dell&#8217;auto. Grazie a questi dati in futuro potremmo creare automazioni interessanti come ad esempio creare logiche di ricarica pi\u00f9 complesse in combinazione con una wallbox connessa ad Home Assistant.<\/p>\n\n\n\n<p>Se questa guida ti \u00e8 piaciuta segui il mio blog sui canali social (clicca sulle icone in fondo alla pagina) per essere informato su tutti i nuovi articoli che scriver\u00f2.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In famiglia abbiamo acquistato di recente una Volkswagen ID.3 ed in questa guida vedremo come importare i dati visualizzati dall&#8217;app Volkswagen WeConnect ID in Home Assistant e come creare dei sensori per registrare diversi dati come ad esempio lo stato di carica della batteria, l&#8217;autonomia, la potenza di ricarica in Watt (che al momento non \u00e8 possibile ricavare dall&#8217;infotainment dell&#8217;auto) e molto altro. Prerequisiti Nel seguito di questa guida dar\u00f2 per scontato che abbiate gi\u00e0 installato Home Assistant (potete trovare &#8230; <\/p>\n<div><a href=\"https:\/\/www.davidezanatta.com\/blog\/volkswagen-weconnect-id-home-assistant\/\" class=\"more-link\">Read More<\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[22],"tags":[31,29,28,30],"_links":{"self":[{"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/posts\/276"}],"collection":[{"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/comments?post=276"}],"version-history":[{"count":29,"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/posts\/276\/revisions"}],"predecessor-version":[{"id":371,"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/posts\/276\/revisions\/371"}],"wp:attachment":[{"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/media?parent=276"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/categories?post=276"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/tags?post=276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}