Incrementa le tue prestazioni al limite della grandezza
Immagina di poter eseguire codice JavaScript direttamente all’edge della rete, vicino ai tuoi utenti. Questo è esattamente ciò che le funzioni Edge ti consentono di fare! Queste funzioni sofisticate vengono implementate in ogni punto di presenza (POP) della rete, il che significa che sono distribuite e operano in sedi strategiche a livello globale. Elaborando le richieste e le risposte a livello locale in questi POP, le funzioni Edge riducono significativamente la latenza, aumentano le prestazioni e migliorano l’esperienza utente con contenuti personalizzati e maggiore sicurezza. Gestendo attività quali l’autenticazione e il reindirizzamento all’edge della rete, si riduce il numero di operazioni da eseguire avanti e indietro al server originale, accelerando notevolmente i servizi.
Ora, facciamo un passo avanti con CDN-as-Code. Pensate alla gestione delle configurazioni CDN (rete per la distribuzione dei contenuti) tramite codice, proprio come funziona IAC (Infrastructure-as-code). Con CDN-as-Code, è possibile memorizzare le impostazioni CDN nei sistemi di controllo delle versioni, automatizzare le distribuzioni con pipeline ci/CD e garantire ambienti coerenti in tutte le fasi. Questo approccio semplifica la gestione della CDN, riduce gli errori e consente un controllo dinamico e programmabile sui comportamenti della CDN. Il risultato? Distribuzione di contenuti efficiente, flessibile e affidabile, che si adatta facilmente e migliora il servizio complessivo.
Edgio offre una potente piattaforma CDN-as-Code che porta il concetto a un livello superiore. All’interno della piattaforma Edgio, è possibile definire il comportamento della CDN utilizzando EdgeJS in un file (Routes.[js|ts]) incorporato nel codice dell’applicazione. Questa stretta integrazione sfrutta i punti di forza del controllo del codice sorgente per semplificare la collaborazione e allinea le configurazioni della CDN a versioni specifiche dell’app Web. Garantisce che la gestione della CDN sia semplificata ed efficiente come il resto del flusso di lavoro di sviluppo.
Per ulteriori informazioni e per configurare il proprio sito sulla nostra piattaforma, visitare la documentazione CDN-AS-Code .
Con il nostro sito Web basato su framework JavaScript ora distribuito su Edgio, è il momento di configurare le funzioni Edge. In questo articolo verranno esaminati un paio di casi di utilizzo in cui le funzioni Edge possono essere sfruttate in modo efficace. Edgio consente di creare e gestire le funzioni Edge tramite la CLI o direttamente all’interno della console Edgio. Esamineremo prima l’implementazione delle funzioni Edge tramite CLI.
Se non l’hai già fatto, installa Edgio CLI. In questo esempio, abbiamo utilizzato npm Package Manager per il nostro progetto –
npm i -g @edgio/cli@più recente
Ulteriori informazioni sono disponibili qui – come installare Edgio CLI
Quando si inizializza una proprietà utilizzando la CLI (edgio init), genera automaticamente due file essenziali: Routes.js ed edgio.config.js. Tuttavia, se l’applicazione Web supporta il tipo di script e utilizza un framework che dispone di un’implementazione di tipo di script disponibile, la CLI creerà Routes.ts invece di Routes.js.
Una funzione Edge si attiva quando una richiesta in entrata corrisponde a un percorso designato. Ogni percorso può avere una sola funzione di bordo. Se più percorsi corrispondono a una richiesta, viene attivata la funzione edge assegnata all’ultima rotta corrispondente.
Qui viene visualizzato un percorso aggiunto al file Route.ts
Questo frammento di codice definisce una regola usando il metodo .match() per determinare quando deve essere eseguita una funzione edge. Essenzialmente, controlla se una richiesta in entrata soddisfa determinati criteri, come avere un percorso specifico (‘/’) e non contenere una particolare intestazione (‘ x-ef-request’ impostata su ‘true’). Se queste condizioni sono soddisfatte, la funzione edge associata situata in ‘./edge-functions/redirectpage.js‘ verrà attivato, potenzialmente reindirizzando la richiesta a un’altra pagina o eseguendo altre azioni specificate.
Ci sono molti modi per farlo, ma un modo per farlo è mostrato di seguito:
Il codice riportato sopra reindirizza gli utenti alla pagina “/CAN” in base al valore del parametro di query “edgredirect“. Per migliorare ulteriormente questa funzionalità, è possibile incorporare controlli basati sulla posizione per personalizzare le pagine e migliorare l’esperienza utente. Ad esempio, è possibile migliorare l’esperienza utente presentando pagine in diverse lingue in base al paese dell’utente.
Una volta distribuito il codice, è possibile testare questa modifica localmente eseguendo – edgio dev nella CLI e confermare se la funzione Edge viene eseguita come previsto.
Quando è pronto per la distribuzione su Edgio Platform, è sufficiente eseguire –
Distribuzione edgio –property= <nome proprietà >–Organization=< nome org>
Una volta completata la distribuzione, la logica di routing è stata perfettamente integrata nella sezione delle regole.
Tutte le rispettive funzioni verranno memorizzate nella sezione funzioni bordo:
Naturalmente, è possibile creare queste funzioni Edge direttamente nella console.
In questo esempio, viene creata una funzione per garantire che le direttive di controllo della cache di origine vengano ignorate e che le risposte vengano memorizzate nella cache per 10 minuti. Le successive richieste di recupero sullo stesso percorso verranno gestite dalla cache per la durata specificata.
Una volta creata la funzione Edge, è possibile impostare una regola nella console per attivare questa funzione.
La console fornisce inoltre un dashboard che offre informazioni chiave per un periodo di tempo specifico, rivelando la frequenza delle chiamate di funzione, la durata dell’esecuzione, l’allocazione della memoria per funzione e il tempo complessivo impiegato per gestire ogni richiesta.
Questi sono solo alcuni esempi semplici che illustrano le funzionalità delle funzioni Edge. Edgio supporta un’ampia gamma di casi d’uso diversi, ciascuno personalizzato per fornire soluzioni pratiche per le sfide più comuni. Questi esempi sono studiati per integrare senza problemi le funzioni edge nei progetti, semplificando il processo e migliorando le funzionalità dell’applicazione.
Dall’interazione sicura con i servizi AWS all’integrazione perfetta di contenuti provenienti da più fonti, alla manipolazione delle intestazioni HTTP e all’ottimizzazione delle risposte JSON, le funzioni Edge consentono agli sviluppatori di affrontare in modo efficiente varie sfide. Sia che si tratti di personalizzare le risposte in base a configurazioni sperimentali con Optimizely o di gestire il traffico durante i periodi di picco con una funzione di sala d’attesa, le funzioni Edge offrono una gamma di soluzioni pratiche per migliorare le applicazioni Web.
In conclusione, le funzioni Edge di Edgio rivoluzionano il modo in cui ottimizzate le vostre applicazioni Web. Abilitando l’esecuzione del codice JavaScript all’edge della rete, più vicino agli utenti, si sblocca un’area di possibilità. Grazie all’interfaccia CLI e alla console intuitiva, la gestione e l’implementazione delle funzioni Edge diventano semplici, offrendovi la flessibilità necessaria per personalizzare con precisione il vostro comportamento CDN.
Mentre approfondisci le funzioni Edge, scoprirai una vasta gamma di casi d’uso. Dal miglioramento della sicurezza con la firma delle richieste AWS alla creazione di esperienze utente personalizzate attraverso la composizione dei contenuti e reindirizzamenti basati sulla lingua, le possibilità sono infinite. Inoltre, grazie alle informazioni fornite dal nostro dashboard, avrete una visione chiara di come ogni funzione influisca sulle prestazioni dell’applicazione e sulle interazioni dell’utente.
Abbiamo solo graffiato la superficie qui. La nostra documentazione offre una guida completa sull’utilizzo delle funzioni Edge al massimo delle loro potenzialità. Esplora la vasta gamma di esempi e tutorial e potenzia le tue applicazioni con l’agilità, l’efficienza e l’affidabilità delle funzioni Edge di Edgio. Diamo forma al futuro dello sviluppo Web insieme.
Esplorate la nostra documentazione sulle piattaforme V7 .
