Autor Tema: Avisos Aemet en skin Belchertown  (Leído 1218 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado MeteoCarchuna

  • Newbie
  • *
  • Mensajes: 19
  • Sapos cantando, buen tiempo barruntando
    • MeteoCarchuna
  • Estación: MeteoCarchuna - ESAND1800000018730A
Avisos Aemet en skin Belchertown
« en: 28 de Enero de 2025, 11:05:34 »
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
« Última modificación: Ayer a las 18:39:22 por MeteoCarchuna »


--------------------------------
Más detalles en
MeteoCarchuna
--------------------------------

Desconectado jantoni

  • Hero Member
  • *****
  • Mensajes: un montón
    • meteorivas.es
  • Estación: ESMAD2800000028522A
Re:Avisos Aemet en skin Belchertown
« Respuesta #1 en: 28 de Enero de 2025, 12:01:18 »
Ya tardas *+*

Desconectado MeteoCarchuna

  • Newbie
  • *
  • Mensajes: 19
  • Sapos cantando, buen tiempo barruntando
    • MeteoCarchuna
  • Estación: MeteoCarchuna - ESAND1800000018730A
Re:Avisos Aemet en skin Belchertown
« Respuesta #2 en: 03 de Febrero de 2025, 17:47:41 »
En unos dias os pasaré el codigo, es que estoy insertando tambien el pronostico de Aemet en la skin.


--------------------------------
Más detalles en
MeteoCarchuna
--------------------------------

Desconectado ea5dho

  • Newbie
  • *
  • Mensajes: 21
    • BENICALAP - Valencia - Spain
  • Estación: En Proyeto
Re:Avisos Aemet en skin Belchertown
« Respuesta #3 en: 14 de Febrero de 2025, 08:13:45 »
Como esta el tema del codigo

Desconectado dtalens

  • Full Member
  • ***
  • Mensajes: 176
    • MeteoPego
  • Estación: ESPVA0300000003780H
Re:Avisos Aemet en skin Belchertown
« Respuesta #4 en: 05 de Noviembre de 2025, 19:50:13 »
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, 
« Última modificación: 05 de Noviembre de 2025, 20:39:39 por dtalens »




Desconectado jantoni

  • Hero Member
  • *****
  • Mensajes: un montón
    • meteorivas.es
  • Estación: ESMAD2800000028522A
Re:Avisos Aemet en skin Belchertown
« Respuesta #5 en: 05 de Noviembre de 2025, 20:22:19 »
Es más fácil insertar el widget de Aemet, que ya integra los avisos

https://meteorivas.es

Desconectado dtalens

  • Full Member
  • ***
  • Mensajes: 176
    • MeteoPego
  • Estación: ESPVA0300000003780H
Re:Avisos Aemet en skin Belchertown
« Respuesta #6 en: 05 de Noviembre de 2025, 20:40:17 »
Esteticamente no me convence.  *+*




Desconectado jantoni

  • Hero Member
  • *****
  • Mensajes: un montón
    • meteorivas.es
  • Estación: ESMAD2800000028522A
Re:Avisos Aemet en skin Belchertown
« Respuesta #7 en: 05 de Noviembre de 2025, 23:30:24 »
Esteticamente no me convence.  *+*

En cuestión de estética, no entro.

Desconectado MeteoCarchuna

  • Newbie
  • *
  • Mensajes: 19
  • Sapos cantando, buen tiempo barruntando
    • MeteoCarchuna
  • Estación: MeteoCarchuna - ESAND1800000018730A
Re:Avisos Aemet en skin Belchertown
« Respuesta #8 en: 04 de Febrero de 2026, 21:28:54 »
Perdonar que no haya respondido antes pero con el trabajo no me acordé, mañana os paso los archivos y el manual para insertar los avisos de aemet y el pronostico


--------------------------------
Más detalles en
MeteoCarchuna
--------------------------------

Desconectado MeteoCarchuna

  • Newbie
  • *
  • Mensajes: 19
  • Sapos cantando, buen tiempo barruntando
    • MeteoCarchuna
  • Estación: MeteoCarchuna - ESAND1800000018730A
Re:Avisos Aemet en skin Belchertown
« Respuesta #9 en: Ayer a las 18:42:07 »
Ya he subido el manual al primer mensaje. He intentado que esté todo detallado, pero si encontráis algún error avisadme y lo edito.


--------------------------------
Más detalles en
MeteoCarchuna
--------------------------------