{"id":149399,"date":"2024-04-24T17:07:50","date_gmt":"2024-04-24T17:07:50","guid":{"rendered":"https:\/\/www.redeszone.net\/?post_type=tutoriales&p=819450"},"modified":"2024-04-24T17:07:50","modified_gmt":"2024-04-24T17:07:50","slug":"configura-el-tiempo-actual-y-la-prevision-en-home-assistant-usando-datos-de-aemet","status":"publish","type":"post","link":"http:\/\/cordobadirecto.com\/index.php\/2024\/04\/24\/configura-el-tiempo-actual-y-la-prevision-en-home-assistant-usando-datos-de-aemet\/","title":{"rendered":"Configura el tiempo actual y la previsi\u00f3n en Home Assistant usando datos de AEMET"},"content":{"rendered":"

La informaci\u00f3n que viene de latitud y longitud y se rellena autom\u00e1ticamente, la ha obtenido de la informaci\u00f3n que le dimos a la hora de instalar nuestro sistema de dom\u00f3tica. Una vez que ya tengamos todo, pinchamos en \u00abEnviar\u00bb y esperamos unos segundos hasta que se inicie la integraci\u00f3n y tengamos disponible todas las entidades.<\/p>\n

Si nos vamos a la secci\u00f3n de \u00abEntidades<\/strong>\u00bb podremos ver todas las entidades relacionadas que se han instalado, como pod\u00e9is ver, tenemos una gran cantidad de informaci\u00f3n que posteriormente usaremos en las tarjetas, ya sean las tarjetas oficiales del sistema Home Assistant, o bien tarjetas de terceros que son mucho mejor visualmente.<\/p>\n

<\/p>\n

Ahora os vamos a ense\u00f1ar a instalar y configurar las tarjetas m\u00e1s recomendables, con el objetivo de que puedas visualizar el tiempo actual y la previsi\u00f3n con una interfaz gr\u00e1fica de usuario realmente amigable.<\/p>\n

Instalar y configurar las tarjetas m\u00e1s recomendables<\/h2>\n

El sistema de dom\u00f3tica de Home Assistant dispone de una tarjeta predeterminada de previsi\u00f3n del tiempo, si queremos usarla simplemente la tendremos que seleccionar en el men\u00fa de \u00abA\u00f1adir tarjeta<\/strong>\u00ab, elegimos la de \u00abTiempo<\/strong>\u00bb y rellenamos la entidad general que hemos dado de alta (weather.aemet<\/strong>), podremos mostrar c\u00f3mo queremos que se nos muestre la informaci\u00f3n de la previsi\u00f3n, si diariamente o cada hora en las pr\u00f3ximas horas. Tambi\u00e9n podemos mostrar el tiempo actual y la previsi\u00f3n, o solamente el tiempo actual o previsi\u00f3n. En la siguiente imagen, pod\u00e9is ver c\u00f3mo quedar\u00eda esta nueva tarjeta de previsi\u00f3n del tiempo:<\/p>\n

<\/p>\n

Si quieres tener tarjetas mucho mejor dise\u00f1adas a nivel visual, siempre puedes recurrir a todo el software que tenemos de terceros desarrolladores en la tienda no-oficial de Home Assistant<\/strong> que se llama HACS. En RedesZone ya os hemos ense\u00f1ado sobre c\u00f3mo instalar y configurar HACS<\/strong>, con el fin de instalar todo el software adicional que necesites, tanto integraciones como tambi\u00e9n tarjetas para Lovelace. Una vez que ya tengas instalado y funcionando HACS, podr\u00e1s instalar algunas tarjetas muy interesantes.<\/p>\n

La primera tarjeta que os recomendamos usar es \u00abClock Weather Card<\/strong>\u00ab, esta tarjeta es muy bonita visualmente, y nos proporcionar\u00e1 una gran cantidad de informaci\u00f3n, como el tiempo actual y tambi\u00e9n la previsi\u00f3n, con la temperatura m\u00ednima y m\u00e1xima de cada d\u00eda, y la temperatura actual dentro del rango. Su descarga es muy sencilla, simplemente debemos hacer clic sobre el bot\u00f3n de \u00abDescargar<\/strong>\u00ab, y posteriormente pinchamos en \u00abDescargar<\/strong>\u00ab. En pocos segundos la tendremos instalada para usarla.<\/p>\n

\n
\n
<\/div>\n
<\/div>\n<\/div>\n

<\/span><\/span><\/div>\n

Muy relacionado con el tiempo, es la hora de salida y puesta del sol, en este caso, nuestra recomendaci\u00f3n es que descargues \u00abLovelace Horizon Card<\/strong>\u00bb desde HACS. Tiene una interfaz gr\u00e1fica de usuario realmente bonita, y tambi\u00e9n nos indicar\u00e1 el estado de la luna, perfecto para los amantes del tiempo y astronom\u00eda. El proceso de descarga es exactamente el mismo que antes.<\/p>\n

<\/p>\n

Para poder usar estas dos nuevas tarjetas, debemos pulsar sobre \u00abA\u00f1adir tarjeta<\/strong>\u00bb y abajo del todo seleccionamos \u00abManual<\/strong>\u00ab. En la caja de texto tendremos que introducir el c\u00f3digo fuente que os dejamos a continuaci\u00f3n, es muy importante que valides el YAML para que no os salga ning\u00fan tipo de error de sintaxis. Al final os dejaremos todo el c\u00f3digo fuente ya que lo tenemos en un vertical-stack para que siempre nos salga en vertical todas las tarjetas.<\/p>\n

El c\u00f3digo fuente de la primera parte donde aparece el tiempo actual y usamos la tarjeta \u00abclock-weather-card\u00bb es el siguiente:<\/p>\n

type: custom:clock-weather-card
entity: weather.aemet
sun_entity: sun.sun
temperature_sensor: sensor.outdoor_temp
weather_icon_type: line
animated_icon: true
forecast_rows: 5
time_pattern: HH:mm
time_format: 24
date_pattern: ccc, d.MM.yy
hide_today_section: false
hide_forecast_section: false
hide_clock: true
hide_date: true
hourly_forecast: true
use_browser_time: false<\/code><\/p>\n

El c\u00f3digo fuente de la segunda parte donde aparece la salida y puesta del sol, usando la tarjeta \u00abhorizon-card\u00bb es el siguiente:<\/p>\n

type: custom:horizon-card
moon: true
refresh_period: 60
fields: null
sunrise: true
sunset: true
dawn: true
noon: true
dusk: true
azimuth: true
sun_azimuth: false
moon_azimuth: false
elevation: true
sun_elevation: false
moon_elevation: false
moonrise: true
moonset: true
moon_phase: true<\/code><\/p>\n

Finalmente, tambi\u00e9n tenemos la previsi\u00f3n de los pr\u00f3ximos 5 d\u00edas, usando la integraci\u00f3n \u00abclock-weather-card\u00bb. El c\u00f3digo fuente de esta tercera parte es la siguiente:<\/p>\n

type: custom:clock-weather-card
title: Pr\u00f3ximos 5 d\u00edas
entity: weather.aemet
sun_entity: sun.sun
temperature_sensor: sensor.outdoor_temp
weather_icon_type: line
animated_icon: true
forecast_rows: 5
time_pattern: HH:mm
time_format: 24
date_pattern: ccc, d.MM.yy
hide_today_section: true
hide_forecast_section: false
hide_clock: true
hide_date: true
hourly_forecast: false
use_browser_time: false<\/code><\/p>\n

Como hemos dicho anteriormente, nosotros lo tenemos en un vertical-stack, el c\u00f3digo fuente completo es el siguiente:<\/p>\n

type: vertical-stack
cards:
- type: custom:clock-weather-card
entity: weather.aemet
sun_entity: sun.sun
temperature_sensor: sensor.outdoor_temp
weather_icon_type: line
animated_icon: true
forecast_rows: 5
time_pattern: HH:mm
time_format: 24
date_pattern: ccc, d.MM.yy
hide_today_section: false
hide_forecast_section: false
hide_clock: true
hide_date: true
hourly_forecast: true
use_browser_time: false
- type: custom:horizon-card
moon: true
refresh_period: 60
fields: null
sunrise: true
sunset: true
dawn: true
noon: true
dusk: true
azimuth: true
sun_azimuth: false
moon_azimuth: false
elevation: true
sun_elevation: false
moon_elevation: false
moonrise: true
moonset: true
moon_phase: true
- type: custom:clock-weather-card
title: Pr\u00f3ximos 5 d\u00edas
entity: weather.aemet
sun_entity: sun.sun
temperature_sensor: sensor.outdoor_temp
weather_icon_type: line
animated_icon: true
forecast_rows: 5
time_pattern: HH:mm
time_format: 24
date_pattern: ccc, d.MM.yy
hide_today_section: true
hide_forecast_section: false
hide_clock: true
hide_date: true
hourly_forecast: false
use_browser_time: false<\/code><\/p>\n

\n
\n
<\/div>\n
<\/div>\n<\/div>\n

<\/span><\/span><\/div>\n

El resultado final se ver\u00eda de la siguiente forma, por supuesto, en nuestro smartphone tambi\u00e9n se ver\u00e1 perfectamente, con un dise\u00f1o mucho mejor que la tarjeta oficial de Home Assistant.<\/p>\n

<\/p>\n

Como pod\u00e9is ver, tenemos unas tarjetas de terceros desarrolladores que son claramente mejores que la oficial, no obstante, tambi\u00e9n existen otros proyectos que valen la pena mencionar, aunque personalmente no los usamos, s\u00ed nos gusta bastante c\u00f3mo muestra la informaci\u00f3n.<\/p>\n

Otras tarjetas recomendables<\/h2>\n

Si quieres tener en una tarjeta toda la informaci\u00f3n sobre temperatura, presi\u00f3n atmosf\u00e9rica, humedad, salida y puesta de sol e incluso la previsi\u00f3n en los pr\u00f3ximos d\u00edas, una de las tarjetas m\u00e1s completas es \u00abLovelace Animated Weather Card<\/strong>\u00ab. En la documentaci\u00f3n oficial nos ense\u00f1ar\u00e1n c\u00f3mo debemos configurarla en nuestro Lovelace, ya que podemos realizar ciertas configuraciones de la informaci\u00f3n visualizada.<\/p>\n

<\/p>\n

Otra alternativa muy recomendable es la de \u00abHourly Weather Card<\/strong>\u00ab, y es que esta integraci\u00f3n nos permitir\u00e1 saber la previsi\u00f3n del tiempo por horas, y es bastante configurable. Tambi\u00e9n podemos ver la documentaci\u00f3n para aprender c\u00f3mo configurarla en nuestro Home Assistant, la verdad es que es bastante intuitiva y nos gusta mucho.<\/p>\n

<\/p>\n

Como pod\u00e9is ver, en los repositorios de HACS disponemos de una gran cantidad de tarjetas para Lovelace, por lo que podemos elegir cualquiera de ellos o una combinaci\u00f3n de varios, para crear un panel de control de \u00abTiempo<\/strong>\u00bb donde podamos ver muy f\u00e1cilmente el tiempo actual y la previsi\u00f3n. En nuestro caso personal, nos hemos decantado por clock-weather-card y por horizon-card, con ambos podremos saber en detalle todo lo que nos interesa, aunque hay algunos que nos mostrar\u00e1 informaci\u00f3n m\u00e1s completa como la humedad, la presi\u00f3n y otra informaci\u00f3n de inter\u00e9s.<\/p>\n","protected":false},"excerpt":{"rendered":"

La informaci\u00f3n que viene de latitud y longitud y se rellena autom\u00e1ticamente, la ha obtenido de la informaci\u00f3n que le dimos a la hora de instalar nuestro sistema de dom\u00f3tica. Una vez que ya tengamos todo, pinchamos en \u00abEnviar\u00bb y esperamos unos segundos hasta que se inicie la integraci\u00f3n y tengamos disponible todas las entidades. […]<\/p>\n","protected":false},"author":1,"featured_media":149400,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[42],"tags":[],"_links":{"self":[{"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/posts\/149399"}],"collection":[{"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/comments?post=149399"}],"version-history":[{"count":0,"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/posts\/149399\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/media\/149400"}],"wp:attachment":[{"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/media?parent=149399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/categories?post=149399"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/cordobadirecto.com\/index.php\/wp-json\/wp\/v2\/tags?post=149399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}