Copia de seguridad automática de inyección de código de Squarespace en GitHub - Flujo de trabajo de n8n

Desarrolladores y diseñadores de Squarespace que dependen de inyecciones de código personalizadas.
Usuarios que necesitan control de versiones para configuraciones críticas del sitio web.
Cualquiera que busque una recuperación ante desastres automatizada y fiable para el código de su sitio web.
Usuarios avanzados de n8n que buscan ejemplos avanzados del uso del framework de nodos de n8n con scripting personalizado.

Mantener las inyecciones de código personalizadas en plataformas como Squarespace es fundamental, pero estos cambios a menudo carecen de control de versiones nativo, lo que supone un riesgo durante las actualizaciones o la migración del sitio. Este potente flujo de trabajo de n8n soluciona este problema proporcionando una solución de copia de seguridad programada y automatizada directamente en GitHub. Esta plantilla específica de n8n utiliza solicitudes HTTP para extraer el código relevante y scripting personalizado de nodos de n8n (Cheerio) para limpiar meticulosamente los datos HTML, asegurando que solo se guarde tu código inyectado y no el código base de la plataforma. Al configurar este flujo de trabajo de n8n, obtendrás tranquilidad sabiendo que tus cabeceras y pies de página personalizados se almacenan de forma segura y con control de versiones cada dos horas a través de un disparador (trigger) fiable de n8n.

Esta automatización comienza con un disparador (trigger) programado de n8n, configurado para ejecutarse cada dos horas. Alternativamente, se puede ejecutar manualmente a través del nodo de n8n 'Al hacer clic en ejecutar'.

1. Recuperación de datos: El nodo de n8n Get Squarespace data (una Solicitud HTTP) consulta la URL de Squarespace especificada usando el formato page-context para recuperar la configuración actual del sitio, incluyendo los puntos de inyección de cabecera y pie de página.


2. Separación de datos y metadatos: Los datos se dividen en dos flujos: uno para cabeceras y otro para pies de página, utilizando nodos 'Set' de n8n (Get Header Injection y Get Footer Injection). Estos nodos también extraen y establecen metadatos importantes como el nombre de dominio y una marca de tiempo.


3. Limpieza del código: Los nodos de n8n Clean up Footers y Clean up Headers utilizan JavaScript personalizado con Cheerio para eliminar los elementos estándar del framework de Squarespace, dejando solo el código realmente inyectado a medida.


4. Preparación para GitHub: El nodo de n8n Merge Injections vuelve a combinar los dos elementos limpios (datos de cabecera y pie de página). El nodo Globals de n8n aplica entonces la configuración del repositorio de GitHub definida por el usuario (propietario, nombre, ruta).


5. Almacenamiento en GitHub: El nodo de n8n Loop Over Items procesa los datos de cabecera y pie de página de forma individual. El primer nodo de n8n de GitHub (Edit Injection data) intenta actualizar el archivo existente. Si esta acción falla (lo que ocurre si el archivo aún no existe, indicado por el nodo If de n8n que comprueba un error de 'no encontrado'), el flujo pasa al nodo Create Injection data de n8n, asegurando que el archivo se cree por primera vez. Esta lógica condicional garantiza una actualización o una creación, manteniendo un historial de copias de seguridad coherente.

Para implementar este flujo de trabajo de n8n de manera efectiva, sigue estos pasos:

1. Importar: Copia el JSON del flujo de trabajo de n8n proporcionado y pégalo en tu instancia de n8n.


2. URL de Squarespace: Localiza el nodo de n8n Get Squarespace data y actualiza el parámetro URL al dominio principal de tu sitio Squarespace.


3. Credenciales de GitHub: Configura la credencial de la API de GitHub requerida por los nodos de n8n Edit Injection data y Create Injection data. Esto requiere un Token de Acceso Personal con permisos de escritura en el repositorio.


4. Definir la ruta del repositorio: Abre el nodo Globals de n8n y actualiza la siguiente configuración:

1. Activar: Asegúrate de que el disparador (trigger) Schedule Trigger de n8n esté activo para permitir las copias de seguridad automáticas.

Este flujo de trabajo avanzado de n8n se basa en varios tipos de nodos específicos de n8n:

Schedule Trigger (Disparador Programado): Sirve como el disparador principal de n8n, iniciando el proceso de copia de seguridad cada dos horas. Nodo de n8n muy fiable para tareas recurrentes.
HTTP Request (Obtener datos de Squarespace): Recupera los datos brutos del contexto de página de Squarespace. Configuración clave: Utiliza el parámetro de consulta ?format=page-context.
Set (Obtener inyección de cabecera/pie de página y Globales): Se utiliza principalmente para la manipulación de datos. Los nodos de inyección extraen el contenido bruto y crean metadatos de soporte (ID, dominio). El nodo Globals de n8n centraliza los detalles de configuración de GitHub.
Code (Limpiar Pies/Cabeceras): Fundamental para la higiene de los datos. Estas implementaciones de nodos de n8n de scripting personalizado utilizan la librería cheerio para analizar el HTML y eliminar el código estándar añadido por Squarespace, aislando únicamente el código inyectado personalizado.
Merge (Combinar): Combina los flujos de datos separados de cabecera y pie de página de nuevo en un único flujo de entrada para su procesamiento posterior.
Loop Over Items (Dividir en lotes): Asegura que el archivo de cabecera y el archivo de pie de página sean procesados de forma secuencial e independiente por el nodo de n8n de GitHub.

• GitHub (Editar/Crear datos de inyección): Gestiona el almacenamiento real. La operación Edit intenta actualizar el archivo; si falla, el nodo If de n8n dirige la ejecución a la operación Create, facilitando un control de versiones sin fisuras dentro del repositorio de GitHub.