Revive tu rendimiento en el borde de la grandeza
Imagina poder ejecutar código JavaScript justo en el borde de la red, cerca de tus usuarios. ¡Eso es exactamente lo que las funciones Edge te permiten hacer! Estas ingeniosas funciones se despliegan en cada punto de presencia (POP) de la red, lo que significa que se distribuyen y operan en ubicaciones estratégicas a nivel mundial. Al procesar solicitudes y respuestas localmente en estos POP, las funciones Edge reducen significativamente la latencia, aumentan el rendimiento y mejoran la experiencia del usuario con contenido personalizado y seguridad mejorada. Al manejar tareas como la autenticación y la redirección en el borde, usted reduce el ir y venir al servidor original, acelerando sus servicios significativamente.
Ahora, vamos a ir un paso más allá con CDN-AS-Code. Piense en ello como la gestión de sus configuraciones de red de entrega de contenido (CDN) a través del código, al igual que cómo funciona la infraestructura como código (IAC). Con CDN-as-Code, almacena la configuración de CDN en sistemas de control de versiones, automatiza implementaciones con canalizaciones CI/CD y garantiza entornos coherentes en todas las etapas. Este enfoque optimiza la administración de CDN, reduce los errores y permite un control dinámico y programable sobre los comportamientos de CDN. ¿El resultado? Entrega de contenido eficiente, flexible y confiable que se escala sin esfuerzo y mejora su servicio general.
Edgio ofrece una potente plataforma CDN-as-Code que eleva el concepto al siguiente nivel. Dentro de la plataforma Edgio, puedes definir el comportamiento de CDN usando EdgeJS en un archivo (route.[js|ts]) que está incrustado dentro del código de tu aplicación. Esta estrecha integración aprovecha los puntos fuertes del control de código fuente para facilitar la colaboración y alinea las configuraciones de CDN con versiones específicas de su aplicación web. Garantiza que la gestión de CDN sea tan eficiente y optimizada como el resto de su flujo de trabajo de desarrollo.
Para obtener más información sobre esto y para configurar su propio sitio en nuestra plataforma, visite la documentación de CDN-as-Code .
Con nuestro sitio web basado en JavaScript ahora implementado en Edgio, es hora de configurar las funciones Edge. En este artículo, exploraremos un par de casos de uso en los que las funciones Edge se pueden aprovechar de manera efectiva. Edgio le permite crear y administrar funciones Edge ya sea a través de la CLI o directamente dentro de la consola de Edgio. Exploraremos primero la implementación de funciones Edge a través de CLI.
Si aún no lo has hecho, instala Edgio CLI. En este ejemplo, hemos utilizado el gestor de paquetes npm para nuestro proyecto –
npm i -g @edgio/cli@last
Más información se puede encontrar aquí – Cómo instalar Edgio CLI
Cuando inicializas una propiedad usando nuestra CLI (edgio init), genera automáticamente dos archivos esenciales: Routes.js y edgio.config.js. Sin embargo, si su aplicación web admite TypeScript y utiliza un framework que tiene una implementación de TypeScript disponible, nuestra CLI creará Routes.ts en lugar de Routes.js.
Una función EDGE se activa cuando una solicitud entrante coincide con una ruta designada. Cada ruta puede tener solo una función de borde. Si varias rutas coinciden con una solicitud, se activa la función de borde asignada a la última ruta coincidente.
Aquí verá una ruta añadida en el archivo route.ts
Este fragmento de código define una regla utilizando el método .match() para determinar cuándo debe ejecutarse una función de borde. Esencialmente, comprueba si una solicitud entrante cumple con ciertos criterios, como tener una ruta específica (‘/’) y no contener un encabezado particular (‘x-ef-request’ establecido en ‘true’). Si se cumplen estas condiciones, la función de borde asociada se encuentra en ‘se activará ./edge-functions/redirectpage.js, potencialmente redirigiendo la solicitud a otra página o realizando otras acciones especificadas.
Hay muchas maneras de hacer esto, pero una manera de lograrlo se muestra a continuación:
El código anterior redirige a los usuarios a la página «/can» dependiendo del valor del parámetro de consulta «edgredirect«. Para mejorar aún más esta funcionalidad, puede incorporar comprobaciones basadas en la ubicación para personalizar las páginas y mejorar la experiencia del usuario. Por ejemplo, puede mejorar la experiencia del usuario presentando páginas en diferentes idiomas según el país del usuario.
Una vez que haya implementado el código, puede probar este cambio localmente ejecutando – edgio dev en su CLI y confirmar si la función EDGE se está ejecutando como se esperaba.
Cuando esté listo para implementarlo en Edgio Platform, simplemente ejecute –
Edgio Deploy –property= <Nombre de la propiedad >–Organization=< Nombre de la organización>
Tras una implementación exitosa, verás que la lógica de ruta se ha integrado perfectamente en la sección de reglas.
Todas las funciones respectivas se almacenarán en la sección Funciones Edge:
Por supuesto, uno puede crear estas funciones Edge directamente en la consola también.
En este ejemplo, creamos una función para asegurarnos de que las directivas de control de caché de origen se ignoran y las respuestas se almacenan en la caché durante 10 minutos. Las solicitudes de obtención posteriores a la misma ruta se servirán desde la caché durante la duración especificada.
Una vez que hayas creado la función Edge, procederás a configurar una regla en la consola para activar esta función.
La consola también proporciona un panel de control que ofrece información clave para un período de tiempo específico, revelando la frecuencia de las llamadas a funciones, la duración de la ejecución, la asignación de memoria por función y el tiempo total dedicado a gestionar cada solicitud.
Estos fueron solo un puñado de ejemplos simples que muestran las capacidades de las funciones Edge. Edgio apoya una amplia gama de casos de uso diversos, cada uno diseñado para proporcionar soluciones prácticas para los desafíos comunes. Estos ejemplos están diseñados para integrar sin esfuerzo funciones de borde en sus proyectos, simplificando el proceso y mejorando la funcionalidad de su aplicación.
Desde interactuar de forma segura con los servicios de AWS hasta integrar sin problemas contenido de múltiples fuentes, manipular encabezados HTTP y optimizar las respuestas JSON, Edge Functions permite a los desarrolladores afrontar diversos desafíos de manera eficiente. Ya sea adaptando las respuestas basadas en configuraciones de experimentos con Optimizely o gestionando el tráfico durante las horas punta con una función de sala de espera, Edge Functions ofrece una gama de soluciones prácticas para mejorar las aplicaciones web.
Para concluir, las funciones Edgio’s Edge revolucionan la forma en que optimizas tus aplicaciones web. Al habilitar el código JavaScript para ejecutarse en el borde de la red, más cerca de sus usuarios, desbloquea un reino de posibilidades. A través de nuestra intuitiva CLI y consola, la gestión e implementación de las funciones Edge se vuelve fluida, lo que le ofrece la flexibilidad para adaptar su comportamiento de CDN con precisión.
A medida que te sumerges más profundamente en las funciones Edge, descubrirás una gran cantidad de casos de uso. Desde la mejora de la seguridad con AWS Request Signing hasta la creación de experiencias de usuario personalizadas, pasando por la costura de contenido y las redirecciones basadas en el idioma, las posibilidades son infinitas. Y con los conocimientos proporcionados por nuestro panel de control, tendrá una visión clara de cómo cada función afecta el rendimiento de su aplicación y las interacciones de los usuarios.
Solo hemos rayado la superficie aquí. Nuestra documentación ofrece una guía completa sobre cómo aprovechar las funciones Edge hasta su máximo potencial. Explore la amplia gama de ejemplos y tutoriales, y potencie sus aplicaciones con la agilidad, eficiencia y confiabilidad de las funciones Edge de Edgio. Vamos a dar forma al futuro del desarrollo web juntos.
Explore nuestra documentación de plataformas V7 .
