Mettre en place un réseau de diffusion de contenu (CDN)

Déploiement avec KeyCDN

Un CDN ou réseau de distribution de contenu, est un réseau de serveurs géographiquement distribué qui fournit du contenu Internet haut débit. Le CDN fournit une diffusion de contenu rapide et de haute qualité pour les sites Web riches en contenu.

Ce document vous guidera dans la configuration d’un compte KeyCDN avec un site Web propulsé par Odoo.

Créez une zone d’extraction dans le tableau de bord KeyCDN

Sur le tableau de bord KeyCDN, commencez par accéder à l’élément de menu Zones sur la gauche. Sur le formulaire, donnez une valeur au Zone Name, qui apparaîtra dans le cadre du CDN URL. Ensuite, définissez le Zone Status sur active pour activer la zone. Pour le Zone Type, définissez la valeur sur Pull, puis, enfin, sous Pull Settings, entrez le Origin URL— cette adresse doit être la Base de données Odoo complète URL.

Example

Utilisez https://yourdatabase.odoo.com et remplacez le préfixe du sous-domaine yourdatabase par le nom réel de la base de données. Un URL personnalisé peut également être utilisé à la place du sous-domaine Odoo qui a été fourni à la base de données.

Sous l’en-tête Paramètres généraux sous le formulaire de zone, cliquez sur le bouton Afficher tous les paramètres pour développer les options de la zone. Cela devrait être la dernière option sur la page. Après avoir développé les General Settings, assurez-vous que l’option CORS est enabled.

Ensuite, faites défiler vers le bas de la page de configuration de la zone et Enregistrez les modifications. KeyCDN indiquera que la nouvelle zone sera déployée. Cela peut prendre environ 10 minutes.

Note

Une nouvelle Zone URL a été générée pour votre zone, dans cet exemple il s’agit de pulltest-xxxxx.kxcdn.com. Cette valeur sera différente pour chaque base de données.

Copiez ceci Zone URL dans un éditeur de texte pour plus tard, car il sera utilisé dans les prochaines étapes.

Configurer l’instance Odoo avec la nouvelle zone

Dans l’application Odoo Website, allez dans le Settings puis activez le paramètre Content Delivery Network (CDN) et copiez/collez la valeur Zone URL de l’étape précédente dans le champ CDN Base URL. Ce champ n’est visible et configurable que lorsque le mode développeur est activé.

Note

Assurez-vous qu’il y a deux barres obliques (//) avant le CDN Base URL et une barre oblique (/) après le CDN Base URL.

Enregistrez les paramètres une fois terminé.

Désormais, le site Web utilise le CDN pour les ressources correspondant aux expressions régulières CDN filters.

Dans le HTML du site Web Odoo, l’intégration CDN est attestée comme fonctionnant correctement en vérifiant les URL des images. La valeur CDN Base URL peut être consultée en utilisant la fonctionnalité Inspect de votre navigateur Web sur le site Web Odoo. Recherchez son enregistrement en recherchant dans l’onglet Network à l’intérieur de devtools.

Prévenez les problèmes de sécurité en activant le partage de ressources cross-origin (CORS)

Une restriction de sécurité dans certains navigateurs (tels que Mozilla Firefox et Google Chrome) empêche un fichier CSS lié à distance de récupérer des ressources relatives sur ce même serveur externe.

Si l’option CORS n’est pas activée dans la CDN Zone, le problème le plus évident qui en résultera sur un site Web Odoo standard sera le manque d’icônes Font Awesome car le fichier de police déclaré dans le CSS Font Awesome ne sera pas chargé depuis le serveur distant.

Lorsque ces problèmes de ressources multi-origines se produisent, un message d’erreur de sécurité similaire au résultat ci-dessous apparaît dans la console de développement du navigateur Web :

La police d'origine 'http://pulltest-xxxxx.kxcdn.com' a été bloquée lors du chargement de /shop:1 par la politique de partage de ressources entre origines croisées : aucun en-tête 'Access-Control-Allow-Origin' n'est présent sur le ressource demandée. L'accès à l'origine 'http://yourdatabase.odoo.com' n'est donc pas autorisé.

L’activation de l’option CORS dans les paramètres CDN résout ce problème.