Configurer un réseau de diffusion de contenu (CDN)

Déployer avec KeyCDN

Un CDN ou réseau de diffusion de contenu est un réseau de serveurs distribués géographiquement qui fournit du contenu interne à haut débit. Le CDN fournit un contenu rapide et de haute qualité pour les sites web à fort contenu.

Ce document vous guidera dans la configuration d’un compte KeyCDN avec un site web généré par Odoo.

Créer une pull zone dans le tableau de bord KeyCDN

Sur le tableau de bord KeyCDN, commencez par naviguer vers l’élément de menu Zones sur la gauche. Sur le formulaire, complétez le champ Zone Name, qui apparaîtra dans l”URL du CDN. Ensuite, définissez le Zone Status sur active pour activer la zone. En ce qui concerne le Zone Type, définissez la valeur sur Pull, et, enfin, sous les Pull Settings, saisissez Origin URL— cette adresse doit être l”URL complète de la base de données Odoo.

Example

Utilisez https://yourdatabase.odoo.com et remplacez le préfixe du sous-domaine yourdatabase par le nom de la base de données. Il est également possible d’utiliser une URL personnalisée, au lieu du sous-domaine Odoo qui est donné à la base de données.

Page de configuration de la Zone de KeyCDN.

Dans la rubrique Paramètres généraux sous le formulaire de zone, cliquez sur le bouton Show all settings pour développer les options de la zone. Il doit s’agir de la dernière option de la page. Après avoir développé les Paramètres généraux, assurez-vous que l’option CORS est activée.

Ensuite, descendez au bas de la page de configuration de la zone et enregistrez les changements. KeyCDN indiquera que la nouvelle zone sera déployée. Cela peut prendre environ 10 minutes.

KeyCDN en train de déployer la nouvelle Zone.

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 cette Zone URL dans un éditeur de texte pour plus tard, car vous devrez l’utiliser dans les étapes suivantes.

Configurer l’instance Odoo avec la nouvelle zone

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

Note

Veillez à ce qu’il y ait deux barres obliques (//) avant la valeur CDN Base URL et une barre oblique (/) après la valeur CDN Base URL.

Enregistrez les paramètres une fois qu’ils sont complétés.

Activation du paramètre CDN dans Odoo.

Le site web utilise désormais le CDN pour les ressources correspondant aux expressions régulières des filtres CDN.

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

La valeur CDN Base URL peut être consultée à l'aide de la fonction Inspecter du site web d'Odoo.

Prévenir les problèmes de sécurité en activant le partage des ressources entre origines multiples (CORS)

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

Si l’option CORS n’est pas activée dans la Zone CDN, le problème le plus évident sur un site web Odoo standard sera l’absence d’icônes Font Awesome parce que le fichier de police déclaré dans le CSS Font Awesome ne sera pas chargé à partir du serveur distant.

Lorsque ces problèmes de ressources entre origines multiples se produisent, un message d’erreur de sécurité similaire à l’exemple ci-dessous apparaîtra dans la console de développement du navigateur 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://yourdatabase.odoo.com' is therefore not allowed access.

Message d'erreur affiché dans la console du navigateur.

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