Modules de bibliothèque principaux pour les extensions web

Remarque : Adobe Experience Platform Launch fait peau neuve et devient une suite de technologies de collecte de données dans Experience Platform. Ces modifications seront appliquées à l’ensemble de la documentation du produit au cours des prochaines semaines. 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);

Sur cette page