CDN (Content Delivery Network)
Una CDN (Content Delivery Network) o rete di distribuzione contenuti, è una rete geograficamente distribuita di server che fornisce contenuti internet ad alta velocità. La CDN fornisce una distribuzione rapida e di alta qualità dei contenuti per siti web ricchi di contenuti.
Questo documento ti guiderà attraverso la configurazione di un account KeyCDN con un sito web aziendale.
Creare una pull zone nella dashboard KeyCDN
Nella dashboard KeyCDN, inizia navigando nella voce di menu Zones a sinistra. Nel form, assegna un valore a Zone Name, che apparirà come parte dell'URL della CDN. Quindi, imposta Zone Status su active per attivare la zona. Per Zone Type imposta il valore su Pull e, infine, in Pull Settings, inserisci l'Origin URL - questo indirizzo dovrebbe essere l'URL completo del database.
https://tuodatabase.laundry-erp.com e sostituisci il prefisso del sottodominio tuodatabase con il nome effettivo del database. È possibile utilizzare anche un URL personalizzato, al posto del sottodominio fornito al database.Sotto l'intestazione General Settings sotto il form della zona, fai clic sul pulsante Show all settings per espandere le opzioni della zona. Questa dovrebbe essere l'ultima opzione nella pagina. Dopo aver espanso General Settings assicurati che l'opzione CORS sia enabled.
Successivamente, scorri fino alla fine della pagina di configurazione della zona e Salva le modifiche. KeyCDN indicherà che la nuova zona verrà distribuita. Questo può richiedere circa 10 minuti.
pulltest-xxxxx.kxcdn.com. Questo valore sarà diverso per ogni database.Copia questo Zone URL in un editor di testo per dopo, poiché verrà utilizzato nei passaggi successivi.
Configurare l'istanza con la nuova zona
Nell'app Sito Web, vai su Impostazioni e attiva l'impostazione Content Delivery Network (CDN) e copia/incolla il valore Zone URL dal passaggio precedente nel campo CDN Base URL. Questo campo è visibile e configurabile solo quando è attivata la modalità sviluppatore.
//) prima del CDN Base URL e una barra (/) dopo il CDN Base URL.Salva le impostazioni al termine.
Ora il sito web sta utilizzando la CDN per le risorse che corrispondono alle espressioni regolari dei filtri CDN.
Nell'HTML del sito web, l'integrazione della CDN è evidenziata come funzionante correttamente controllando gli URL delle immagini. Il valore CDN Base URL può essere visualizzato utilizzando la funzione Ispeziona del browser web sul sito web. Cercalo nella scheda Network all'interno degli strumenti per sviluppatori.
Prevenire problemi di sicurezza attivando CORS
Una restrizione di sicurezza in alcuni browser (come Mozilla Firefox e Google Chrome) impedisce a un file CSS collegato in remoto di recuperare risorse relative sullo stesso server esterno.
Se l'opzione CORS (Cross-Origin Resource Sharing) non è abilitata nella CDN Zone, il problema più evidente risultante su un sito web standard sarà la mancanza di icone Font Awesome perché il file di carattere dichiarato nel CSS Font Awesome non verrà caricato dal server remoto.
Quando si verificano questi problemi di risorse cross-origin, un messaggio di errore di sicurezza simile all'output seguente apparirà nella console per sviluppatori del browser web:
Font from origin 'http://pulltest-xxxxx.kxcdn.com' has been blocked from loading /shop:1 by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://tuodatabase.laundry-erp.com' is therefore not allowed access.
Abilitare l'opzione CORS (Cross-Origin Resource Sharing) nelle impostazioni della CDN risolve questo problema.