Plusieurs sites

Lorsqu’un projet PWA Kit est créé avec le modèle Retail React App, il est configuré par défaut pour un seul paramètre régional et un seul site. Il peut toutefois être étendu pour exécuter plusieurs sites avec une base de code unique.

Le fichier config/sites.js contient une définition des sites que vous avez configurés dans Business Manager. L’exemple suivant illustre la configuration des sites RefArch et RefArchGlobal :

Dans le fichier /config/default.js, vous pouvez définir le site par défaut et éventuellement mapper les identifiants de site avec des alias. Si aucun alias n’est défini pour le site, les identifiants sont utilisés dans les URL.

Si vous définissez url.showDefault sur true dans le fichier /config/default.js, le paramètre régional et le site par défaut s’affichent dans les URL de votre application. Outre l’alias de site, vous pouvez également configurer des alias pour votre paramètre régional dans le fichier sites.js. Si vous avez configuré un alias pour un paramètre régional, l’URL affiche l’alias au lieu de l’identifiant de votre paramètre régional.

Les URL d’application sont construites à l’aide d’identifiants de site canonique et de paramètre régional et restent des URL valides même dans le cas de l’utilisation d’alias.

Grâce aux fichiers de configuration spécifiques à l’environnement, vous pouvez gérer plusieurs sites B2C définis dans Business Manager et les déployer sur différents domaines à l’aide de plusieurs environnements Managed Runtime.

Par exemple, vous pouvez accéder à votre site à partir de customer.ca et customer.uk, ou customer-a.com et customer-b.ca. Vous pouvez également personnaliser davantage les modèles d’URL. Par exemple, vos URL peuvent utiliser le format customer-1.com/us ou customer-2.com/?locale=en_US.

Vous pouvez déployer des paquets pour travailler avec plusieurs domaines à l’aide de différents environnements Managed Runtime, chacun configuré pour un domaine distinct. Le mappage de configuration est effectué en créant un fichier de configuration distinct pour chaque environnement Managed Runtime.

Par exemple, pour déployer customer-1.com dans l’environnement env-customer-1 et customer-2.com dans l’environnement env-customer-2, vous devez créer les fichiers suivants à la place de config/default.js :

  • config/env-customer-1.js
  • config/env-customer-2.js

Pour en savoir plus sur les configurations spécifiques à l’environnement, consultez le guide Fichiers de configuration.