Software > WeeWX
Avisos Aemet en skin Belchertown
MeteoCarchuna:
MANUAL DE INTEGRACION: AEMET EN WEEWX (SKIN BELCHERTOWN)
========================================================
Este manual te guiará paso a paso para añadir los avisos y el pronóstico
oficial de AEMET a tu estación meteorológica.
-----------------------------------------------------------------------
PASO PREVIO: DESCARGA Y DESCOMPRESION
-----------------------------------------------------------------------
1. Descarga el archivo comprimido "aemet_weewx".
https://mega.nz/file/TZ5GgJBT#UD8Ul_ooYTcTeaGAd_pFSsxuT5YXqgocgpMWLS5NTlY
2. Descomprímelo en tu ordenador para tener a mano los siguientes archivos:
- aemet_alerts.php
- pronostico_aemet.php
- cargar_avisos.js
- index.html.tmpl
- style.css
- Carpeta "icons"
-----------------------------------------------------------------------
PASO 0: COPIAS DE SEGURIDAD (OBLIGATORIO)
-----------------------------------------------------------------------
IMPORTANTE: No ignores este paso. Antes de modificar nada, asegura tus
archivos originales. Si algo sale mal, podrás restaurarlos fácilmente.
Ejecuta en tu terminal:
cd /etc/weewx/skins/Belchertown/
cp index.html.tmpl index.html.tmpl.bak
cp style.css style.css.bak
-----------------------------------------------------------------------
PASO 1: OBTENCION DE IDs DE AEMET
-----------------------------------------------------------------------
Necesitas obtener dos códigos antes de configurar los archivos.
1. ID del Municipio (Para el pronóstico):
- Entra en: https://www.aemet.es/es/eltiempo/prediccion/municipios
- Busca tu pueblo/ciudad.
- Fíjate en la URL final. Ejemplo: ".../motril-id18140"
- El ID es el número final: 18140
2. ID de la Zona (Para los avisos):
- Entra en: https://www.aemet.es/es/eltiempo/prediccion/avisos?w=pmna
- Localiza tu zona en el mapa.
- Anota el "código de zona", el "nombre de la zona"
y tu "provincia".
Ejemplo de ID de la Zona
https://www.aemet.es/es/eltiempo/prediccion/avisos?k=and&p=18&l=611804
Código="611804"
Zona="Motril"
Provincia="Granada"
-----------------------------------------------------------------------
PASO 2: ARCHIVOS DEL SERVIDOR WEB (PHP y JS)
-----------------------------------------------------------------------
NOTA IMPORTANTE: Estos archivos NO van en la carpeta de configuración de
WeeWX. Deben ir en la carpeta pública de tu servidor web (donde se generan
los archivos HTML).
Ruta habitual: /var/www/html/weewx/
1. Edita el archivo "pronostico_aemet.php":
Busca la variable $id_localidad y pon tu ID (ej: $id_localidad = "18140";).
2. Edita el archivo "aemet_alerts.php":
Configura las variables $codigozona, $nombrezona y $provincia con los
datos obtenidos en el Paso 1.
3. Sube los archivos al servidor:
Copia los siguientes 3 archivos a la raíz de tu web (/var/www/html/weewx/):
- pronostico_aemet.php (ya editado)
- aemet_alerts.php (ya editado)
- cargar_avisos.js
-----------------------------------------------------------------------
PASO 3: MODIFICACION DE LA SKIN (CONFIGURACION WEEWX)
-----------------------------------------------------------------------
Estos cambios se realizan en la carpeta de la skin:
Ruta: /etc/weewx/skins/Belchertown/
A. ARCHIVO index.html.tmpl
Sustituye tu archivo actual "index.html.tmpl" por el nuevo que has
descargado (el del archivo comprimido).
B. ARCHIVO style.css
IMPORTANTE: NO reemplaces este archivo. Debes editar tu archivo actual
para no perder configuraciones previas.
1. Modifica los campos existentes "wxicon" y ".mph" para que queden así:
#wxicon {
display: block;
margin: 0 auto;
width: 128px;
height: 101px;
object-fit: contain;
}
.mph {
padding-top: 10px !important;
font-size: 14px !important;
}
2. Añade el código nuevo:
Abre el archivo "style.css" descargado, copia todo el bloque de código
que aparece al final (referente a tablas AEMET, .avisos1, colores, etc.)
y pégalo al final de tu propio archivo "style.css".
-----------------------------------------------------------------------
PASO 4: ICONOS
-----------------------------------------------------------------------
Sube las imágenes de la carpeta "icons" descargada a la ruta pública de
tu servidor web.
Ruta de destino: /var/www/html/weewx/images/icons/ o tudominio.com/weewx/images/icons/
-----------------------------------------------------------------------
PASO 5: REINICIAR
-----------------------------------------------------------------------
Reinicia el servicio para aplicar los cambios en la generación de la web.
Comando:
sudo systemctl restart weewx
jantoni:
Ya tardas *+*
MeteoCarchuna:
En unos dias os pasaré el codigo, es que estoy insertando tambien el pronostico de Aemet en la skin.
ea5dho:
Como esta el tema del codigo
dtalens:
Hola MeteoCarchuna,
Los avisos de la AEMET ya los tiene integrados el skin Belchertown ya que se conecta a la api de meteoalarm.org la cual integra los avisos de l'AEMET. También es verdad que tú solución és más estética porqué a mi, personalmente, no me gustan que salgan "tropecientos" avisos debajo del logo de la web. De hecho, lo tengo limitado sólo a un aviso.
Si nos compartes tú código, nos puede venir muy bien a todos.
Saludos,
Navegación
[#] Página Siguiente
Ir a la versión completa