Configura el tiempo actual y la previsión en Home Assistant usando datos de AEMET
Si eres de los que miran el tiempo actual y la previsión a través de Google o con una app en tu smartphone, debes saber que también puedes integrar en tu sistema de domótica esta información tan útil. El popular sistema de domótica Home Assistant dispone de una integración oficial de la AEMET (Agencia Estatal de Meteorología en España) desde donde podremos ver el tiempo actual y también la previsión. Esto nos permite un sinfín de posibilidades, porque podremos automatizar el envío de alertas en caso de que vaya a llover o haga mal tiempo. Hoy en RedesZone os vamos a explicar cómo puedes configurar AEMET y descargar software para mostrar toda la información con un diseño increíble.
Cuando damos de alta la integración de AEMET, tenemos la posibilidad de ver el tiempo que hay ahora mismo, pero también una previsión. No solamente podemos ver la temperatura, sino también otros datos como la humedad, el viento que hace y mucha más información gracias a esta integración oficial. Lo que nosotros vamos a hacer, es crear unas tarjetas con un diseño realmente elegante, para que puedas ver muy fácilmente la previsión, sin necesidad de recurrir a Google o a otras apps que no se basan en la información oficial de AEMET.
Instalar y configurar AEMET
Lo primero que debemos hacer es configurar la integración de la AEMET para poder disponer de las entidades que luego usaremos, para hacer esto, simplemente debes irte al menú de «Ajustes / Dispositivos y servicios» y en la pestaña de «Integraciones» pinchamos en el botón azul de «Añadir integración«.
Ahora buscamos AEMET y pulsamos sobre él, la integración nos pide la siguiente información:
- Clave API: para conseguirla, nos metemos en el enlace que nos indica la integración, ponemos nuestro correo electrónico y pinchamos en «Enviar». En pocos segundos nos llegará un correo electrónico con esta clave API que tiene caracteres aleatorios con una longitud bastante larga. Tienes que copiar esta clave API y ponerla en la sección correspondiente de la integración.
- Nombre de la integración: podemos dejar el nombre predeterminado de AEMET, a no ser que quieras saber el tiempo de varios sitios en función de la ubicación GPS, en este caso pondremos un nombre identificativo.
- Latitud: la latitud en decimal de dónde estamos.
- Longitud: la longitud en decimal de dónde estamos.
La información que viene de latitud y longitud y se rellena automáticamente, la ha obtenido de la información que le dimos a la hora de instalar nuestro sistema de domótica. Una vez que ya tengamos todo, pinchamos en «Enviar» y esperamos unos segundos hasta que se inicie la integración y tengamos disponible todas las entidades.
Si nos vamos a la sección de «Entidades» podremos ver todas las entidades relacionadas que se han instalado, como podéis ver, tenemos una gran cantidad de información 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.
Ahora os vamos a enseñar a instalar y configurar las tarjetas más recomendables, con el objetivo de que puedas visualizar el tiempo actual y la previsión con una interfaz gráfica de usuario realmente amigable.
Instalar y configurar las tarjetas más recomendables
El sistema de domótica de Home Assistant dispone de una tarjeta predeterminada de previsión del tiempo, si queremos usarla simplemente la tendremos que seleccionar en el menú de «Añadir tarjeta«, elegimos la de «Tiempo» y rellenamos la entidad general que hemos dado de alta (weather.aemet), podremos mostrar cómo queremos que se nos muestre la información de la previsión, si diariamente o cada hora en las próximas horas. También podemos mostrar el tiempo actual y la previsión, o solamente el tiempo actual o previsión. En la siguiente imagen, podéis ver cómo quedaría esta nueva tarjeta de previsión del tiempo:
Si quieres tener tarjetas mucho mejor diseñadas a nivel visual, siempre puedes recurrir a todo el software que tenemos de terceros desarrolladores en la tienda no-oficial de Home Assistant que se llama HACS. En RedesZone ya os hemos enseñado sobre cómo instalar y configurar HACS, con el fin de instalar todo el software adicional que necesites, tanto integraciones como también tarjetas para Lovelace. Una vez que ya tengas instalado y funcionando HACS, podrás instalar algunas tarjetas muy interesantes.
La primera tarjeta que os recomendamos usar es «Clock Weather Card«, esta tarjeta es muy bonita visualmente, y nos proporcionará una gran cantidad de información, como el tiempo actual y también la previsión, con la temperatura mínima y máxima de cada día, y la temperatura actual dentro del rango. Su descarga es muy sencilla, simplemente debemos hacer clic sobre el botón de «Descargar«, y posteriormente pinchamos en «Descargar«. En pocos segundos la tendremos instalada para usarla.
Muy relacionado con el tiempo, es la hora de salida y puesta del sol, en este caso, nuestra recomendación es que descargues «Lovelace Horizon Card» desde HACS. Tiene una interfaz gráfica de usuario realmente bonita, y también nos indicará el estado de la luna, perfecto para los amantes del tiempo y astronomía. El proceso de descarga es exactamente el mismo que antes.
Para poder usar estas dos nuevas tarjetas, debemos pulsar sobre «Añadir tarjeta» y abajo del todo seleccionamos «Manual«. En la caja de texto tendremos que introducir el código fuente que os dejamos a continuación, es muy importante que valides el YAML para que no os salga ningún tipo de error de sintaxis. Al final os dejaremos todo el código fuente ya que lo tenemos en un vertical-stack para que siempre nos salga en vertical todas las tarjetas.
El código fuente de la primera parte donde aparece el tiempo actual y usamos la tarjeta «clock-weather-card» es el siguiente:
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
El código fuente de la segunda parte donde aparece la salida y puesta del sol, usando la tarjeta «horizon-card» es el siguiente:
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
Finalmente, también tenemos la previsión de los próximos 5 días, usando la integración «clock-weather-card». El código fuente de esta tercera parte es la siguiente:
type: custom:clock-weather-card
title: Próximos 5 días
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
Como hemos dicho anteriormente, nosotros lo tenemos en un vertical-stack, el código fuente completo es el siguiente:
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óximos 5 días
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
El resultado final se vería de la siguiente forma, por supuesto, en nuestro smartphone también se verá perfectamente, con un diseño mucho mejor que la tarjeta oficial de Home Assistant.
Como podéis ver, tenemos unas tarjetas de terceros desarrolladores que son claramente mejores que la oficial, no obstante, también existen otros proyectos que valen la pena mencionar, aunque personalmente no los usamos, sí nos gusta bastante cómo muestra la información.
Otras tarjetas recomendables
Si quieres tener en una tarjeta toda la información sobre temperatura, presión atmosférica, humedad, salida y puesta de sol e incluso la previsión en los próximos días, una de las tarjetas más completas es «Lovelace Animated Weather Card«. En la documentación oficial nos enseñarán cómo debemos configurarla en nuestro Lovelace, ya que podemos realizar ciertas configuraciones de la información visualizada.
Otra alternativa muy recomendable es la de «Hourly Weather Card«, y es que esta integración nos permitirá saber la previsión del tiempo por horas, y es bastante configurable. También podemos ver la documentación para aprender cómo configurarla en nuestro Home Assistant, la verdad es que es bastante intuitiva y nos gusta mucho.
Como podéis 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ón de varios, para crear un panel de control de «Tiempo» donde podamos ver muy fácilmente el tiempo actual y la previsión. 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á información más completa como la humedad, la presión y otra información de interés.