Modules de bibliothèque principaux pour les extensions web

NOTE
Adobe Experience Platform Launch est désormais une suite de technologies destinées à la collecte de données dans Adobe Experience Platform. Plusieurs modifications terminologiques ont par conséquent été apportées à la documentation du produit. Reportez-vous au document suivant pour consulter une référence consolidée des modifications terminologiques.

Ce document fournit une liste de modules de bibliothèque principaux que vous pouvez utiliser dans vos extensions web. Vous pouvez accéder à ces modules à l’aide de require('@adobe/{MODULE}'), où {MODULE} est le nom du module principal à utiliser.

reactor-object-assign

reactor-object-assign imite la Object.assign méthode native en copiant les propriétés des objets sources vers un objet cible.

var objectAssign = require('@adobe/reactor-object-assign');
var all = objectAssign({ a: 'a' }, { b: 'b' });

L’objet reactor-cookie est un utilitaire permettant de lire et d’écrire des cookies. Pour plus d’informations, voir le package npm js-cookie.

var cookie = require('@adobe/reactor-cookie');
cookie.set('foo', 'bar');
console.log(cookie.get('foo'));
cookie.remove('foo');

reactor-document

reactor-document représente l’objet Document. Cela peut être bénéfique lors du test du module en permettant aux tests d’injecter un objet document fictif à l’aide d’utilitaires tels que inject-loader.

var document = require('@adobe/reactor-document');
console.log(document.location);

reactor-query-string

reactor-query-string est un utilitaire d’analyse et de sérialisation des chaînes de requête.

var queryString = require('@adobe/reactor-query-string');
var parsed = queryString.parse(location.search);
console.log(parsed.campaign);
var obj = {
  campaign: 'Campaign A'
};
var stringified = queryString.stringify(obj);

Cet utilitaire utilise les méthodes suivantes :

  • queryString.parse({STRING}) : analyse une chaîne de requête dans un objet. Les caractères de début ?, # et & sur la chaîne de requête sont ignorés.
  • queryString.stringify({OBJECT}) : convertit un objet en chaîne de requête.

reactor-load-script

reactor-load-script est une fonction qui charge un script lorsqu’on lui donne une URL. Une balise de script sera créée et placée dans le nœud head du document. Une promesse est renvoyée, que vous pouvez utiliser pour déterminer quand le chargement du script réussit ou échoue.

var loadScript = require('@adobe/reactor-load-script');
var url = 'http://code.jquery.com/jquery-3.1.1.js';
loadScript(url).then(function() {
  // Do something ...
})

reactor-promise

reactor-promise est un constructeur qui imite l’API Promise native dans ECMAScript 6. Si l’API Promise native est disponible, elle est renvoyée à la place.

var Promise = require('@adobe/reactor-promise');
new Promise(function(resolve) {
  resolve();
}, function(err) {
  console.error(err);
});

reactor-window

reactor-window représente l’objet Window. Cela peut être bénéfique lors du test du module en permettant aux tests d’injecter un objet Window fictif à l’aide d’utilitaires tels que inject-loader.

var window = require('@adobe/reactor-window');
console.log(window.document);
recommendation-more-help
12b4e4a9-5028-4d88-8ce6-64a580811743