Die wichtigsten Bibliotheksmodule für Web-Erweiterungen

HINWEIS

Adobe Experience Platform Launch wurde als eine Suite von Datenerfassungstechnologien in Adobe Experience Platform umbenannt. Infolgedessen wurden in der gesamten Produktdokumentation mehrere terminologische Änderungen eingeführt. Eine konsolidierte Übersicht der terminologischen Änderungen finden Sie im folgenden Dokument.

Dieses Dokument enthält eine Liste der wichtigsten Module, die Sie in Ihren Web-Erweiterungen verwenden können. Sie können mit require('@adobe/{MODULE}') auf diese Module zugreifen, wobei {MODULE} für den Namen des zu verwendenden Hauptmoduls steht.

reactor-object-assign

reactor-object-assign imitiert die native Object.assign-Methode, indem Eigenschaften von Quellobjekten in ein Zielobjekt kopiert werden.

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

Das reactor-cookie-Objekt ist ein Dienstprogramm zum Lesen und Schreiben von Cookies. Weitere Informationen finden Sie im npm-Paket js-cookie.

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

reactor-document

reactor-document stellt das Document-Objekt dar. Dies kann beim Testen des Moduls nützlich sein, da Tests die Imitation eines document-Objekts mithilfe von Dienstprogrammen wie inject-loader injizieren können.

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

reactor-query-string

reactor-query-string ist ein Dienstprogramm zum Analysieren und Serialisieren von Abfragezeichenfolgen.

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);

Das Dienstprogramm verfügt über die folgenden Methoden:

  • queryString.parse({STRING}): Analysiert eine Abfragezeichenfolge in ein Objekt. Gegebenenfalls vorhandene Zeichen ?, # und & am Anfang der Abfragezeichenfolge werden ignoriert.
  • queryString.stringify({OBJECT}): Verwandelt ein Objekt in eine Abfragezeichenfolge.

reactor-load-script

reactor-load-script ist eine Funktion, die ein Skript lädt, wenn ihr eine URL übergeben wird. Es wird ein Script-Tag erstellt und in den head-Knoten des Dokuments eingefügt. Es wird ein promise-Objekt zurückgegeben, mit dem Sie bestimmen können, wann das Laden des Skripts erfolgreich ist oder fehlschlägt.

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 ist ein Konstruktor, der die native Promise-API in ECMAScript 6 imitiert. Wenn die native Promise-API verfügbar ist, wird sie stattdessen zurückgegeben.

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

reactor-window

reactor-window stellt das Window-Objekt dar. Dies kann beim Testen des Moduls nützlich sein, da Tests die Imitation eines Window-Objekts mithilfe von Dienstprogrammen wie inject-loader injizieren können.

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

Auf dieser Seite