Die wichtigsten Bibliotheksmodule für Web-Erweiterungen

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

reactor-cookie

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:

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