Gate

Gate — это библиотека для кросс-доменной или внутридоменной синхронизации данных между окнами и вкладками браузера.

Описание

Бибилотека представляет собой набор методов, необходимых для организации обмена данными.

создание объекта

В конструктор в качестве параметра передается объект с настройками:

• crossDomain - тип синхронизации. Если true, то обмен кросс-доменный, иначе внутридоменный;
• serviceFile - для одного домена указываем путь к файлу frame.html, который лежит в корневой папке другого домена (на другом домене serviceFile не указываем).
• keyLocalStorage - наименование ключа для хранения данных в local storage по ключу.

demo/application.js

/**
 * Создание объекта
 */
var gate = new Gate({
  crossDomain: true,
  serviceFile: 'http://domen2/frame.html',
  keyLocalStorage: 'storageKey',
});

postMessage()

Функция postMessage отправляет данные получателю. В параметр функции передаются данные в виде объекта.

demo/application.js

gate.postMessage({color: 'red'});

destroy()

Функция destroy обрывает соединение между двумя доменами.

gate.destroy();

Зависимости

Gate требует зависимость custom_event_target https://github.com/Altyair/custom_event_target