Améliorez vos performances à la pointe de l'excellence
Imaginez pouvoir exécuter du code JavaScript juste à la périphérie du réseau, à proximité de vos utilisateurs. C’est exactement ce que les fonctions Edge vous permettent de faire ! Ces fonctions astucieuses sont déployées sur chaque point de présence (POP) du réseau, ce qui signifie qu’elles sont distribuées et fonctionnent à des endroits stratégiques dans le monde entier. En traitant les requêtes et les réponses localement au niveau de ces POP, les fonctions Edge réduisent considérablement la latence, améliorent les performances et améliorent l’expérience utilisateur avec un contenu personnalisé et une sécurité améliorée. En gérant des tâches telles que l’authentification et la redirection à la périphérie, vous réduisez les allers-retours vers le serveur d’origine, accélérant ainsi considérablement vos services.
Maintenant, allons encore plus loin avec CDN-as-Code. Considérez-le comme une gestion de vos configurations de réseau de diffusion de contenu (CDN) via du code, tout comme le fonctionnement de l’infrastructure en tant que code (IAC). Avec CDN-as-Code, vous stockez les paramètres CDN dans des systèmes de contrôle de version, automatisez les déploiements avec des pipelines ci/CD et garantissez la cohérence des environnements à toutes les étapes. Cette approche rationalise la gestion des CDN, réduit les erreurs et permet un contrôle dynamique et programmable des comportements CDN. Le résultat ? Diffusion de contenu efficace, flexible et fiable qui évolue sans effort et améliore votre service global.
Edgio offre une puissante plateforme CDN-as-Code qui élève le concept au niveau supérieur. Dans la plate-forme Edgio, vous pouvez définir le comportement CDN en utilisant EdgeJS dans un fichier (routes.[js|TS]) intégré dans le code de votre application. Cette intégration étroite exploite les forces du contrôle de source pour faciliter la collaboration et aligne vos configurations CDN avec des versions spécifiques de votre application Web. Il garantit que la gestion des CDN est aussi rationalisée et efficace que le reste de votre workflow de développement.
Pour plus d’informations à ce sujet et pour configurer votre propre site sur notre plateforme, consultez la documentation CDN-as-Code .
Avec notre site Web basé sur le framework JavaScript maintenant déployé sur Edgio, il est temps de configurer les fonctions Edge. Dans cet article, nous allons explorer quelques cas d’utilisation où les fonctions Edge peuvent être exploitées efficacement. Edgio vous permet de créer et de gérer des fonctions Edge via l’interface de ligne de commande ou directement dans la console Edgio. Nous allons d’abord explorer le déploiement des fonctions Edge via CLI.
Si vous ne l’avez pas déjà fait, installez Edgio CLI. Dans cet exemple, nous avons utilisé le gestionnaire de paquets npm pour notre projet –
npm i -g @edgio/cli@latest
Plus d’informations peuvent être trouvées ici – Comment installer Edgio CLI
Lorsque vous initialisez une propriété en utilisant notre CLI (edgio init), elle génère automatiquement deux fichiers essentiels : routes.js et edgio.config.js. Cependant, si votre application Web prend en charge TypeScript et utilise un framework qui dispose d’une implémentation TypeScript, notre CLI créera routes.TS au lieu de routes.js.
Une fonction Edge s’active lorsqu’une demande entrante correspond à une route désignée. Chaque routage ne peut avoir qu’une seule fonction d’arête. Si plusieurs routes correspondent à une demande, la fonction Edge affectée à la dernière route correspondante est déclenchée.
Ici, vous voyez un routage ajouté dans le fichier route.TS
Cet extrait de code définit une règle utilisant la méthode .match() pour déterminer quand une fonction Edge doit être exécutée. Essentiellement, il vérifie si une requête entrante répond à certains critères, comme avoir un chemin spécifique (‘/’) et ne pas contenir d’en-tête particulier (‘x-ef-request’ défini sur ‘true’). Si ces conditions sont remplies, la fonction Edge associée se trouve à ‘./edge-functions/redirectpage.js‘ sera déclenché, redirigeant potentiellement la requête vers une autre page ou effectuant d’autres actions spécifiées.
Il existe de nombreuses façons de le faire, mais une façon d’y parvenir est présentée ci-dessous:
Le code ci-dessus redirige les utilisateurs vers la page « /CAN » en fonction de la valeur du paramètre de requête « edgredirect« . Pour améliorer encore cette fonctionnalité, vous pouvez incorporer des vérifications basées sur la localisation pour personnaliser les pages et améliorer l’expérience utilisateur. Par exemple, vous pouvez améliorer l’expérience utilisateur en présentant des pages dans différentes langues en fonction du pays de l’utilisateur.
Une fois le code déployé, vous pouvez tester cette modification localement en exécutant – edgio dev dans votre CLI et confirmer si la fonction Edge s’exécute comme prévu.
Lorsque vous êtes prêt à le déployer sur Edgio Platform, exécutez simplement –
Edgio deploy –property= <nom de la propriété >–Organization=< nom de l’organisation>
Une fois le déploiement réussi, vous constaterez que la logique de route a été intégrée de manière transparente dans la section des règles.
Toutes les fonctions respectives seront stockées dans la section fonctions Edge :
Bien sûr, on peut créer ces fonctions Edge directement dans la console aussi bien.
Dans cet exemple, nous créons une fonction pour nous assurer que les directives de contrôle de cache d’origine sont ignorées et que les réponses sont stockées dans le cache pendant 10 minutes. Les requêtes d’extraction suivantes vers le même chemin seront servies à partir du cache pendant la durée spécifiée.
Une fois que vous avez créé la fonction Edge, vous allez configurer une règle dans la console pour déclencher cette fonction.
La console fournit également un tableau de bord offrant des informations clés pour une période spécifique, révélant la fréquence des appels de fonction, la durée d’exécution, l’allocation de mémoire par fonction et le temps global passé à traiter chaque requête.
Il ne s’agissait que d’une poignée d’exemples simples illustrant les capacités des fonctions Edge. Edgio prend en charge un large éventail de cas d’utilisation variés, chacun conçu pour fournir des solutions pratiques à des défis communs. Ces exemples sont conçus pour intégrer sans effort les fonctions de périphérie dans vos projets, simplifiant le processus et améliorant les fonctionnalités de votre application.
De l’interaction sécurisée avec les services AWS à l’intégration transparente de contenu provenant de plusieurs sources, à la manipulation d’en-têtes HTTP et à l’optimisation des réponses JSON, les fonctions Edge permettent aux développeurs de relever efficacement divers défis. Qu’il s’agisse d’adapter les réponses en fonction de configurations expérimentales avec Optimizely ou de gérer le trafic pendant les heures de pointe avec une fonction de salle d’attente, Edge Functions offre une gamme de solutions pratiques pour améliorer les applications Web.
Pour conclure, les fonctions Edge d’Edgio révolutionnent la façon dont vous optimisez vos applications web. En activant le code JavaScript pour s’exécuter à la périphérie du réseau, plus près de vos utilisateurs, vous libérez un champ de possibilités. Grâce à notre interface de ligne de commande et à notre console intuitives, la gestion et le déploiement des fonctions Edge deviennent transparents, vous offrant la flexibilité nécessaire pour adapter précisément votre comportement CDN.
En approfondissant vos connaissances des fonctions Edge, vous découvrirez une multitude de cas d’utilisation. De l’amélioration de la sécurité avec AWS Request Signing à la création d’expériences utilisateur personnalisées en passant par l’assemblage de contenu et les redirections basées sur la langue, les possibilités sont infinies. Et grâce aux informations fournies par notre tableau de bord, vous aurez une vision claire de l’impact de chaque fonction sur les performances de votre application et les interactions utilisateur.
Nous n’avons fait qu’effleurer la surface ici. Notre documentation offre des conseils complets sur l’utilisation optimale des fonctions Edge. Explorez la gamme variée d’exemples et de tutoriels, et donnez à vos applications l’agilité, l’efficacité et la fiabilité des fonctions Edge d’Edgio. Façonnons ensemble l’avenir du développement web.
Explorez notre documentation sur les plates-formes V7 .
