Как передать данные с клиента на клиент другого домена с помощью postMessage?

Question

[varenik163]

Мне нужно по клику на кнопку передать в новую открывшуюся вкладку текст. Передавал через postMessage, но в новой вкладке событие message генерит видимо webpack и еще что-то, в общем не могу его поймать
Вот так шлю

var win = window.open('http://localhost:8080')

    win.postMessage(text, location.origin);

Вот так ловлю

if (window.addEventListener) {
     window.addEventListener("message", this.messageListener(this));
} else {
     // IE8
    window.attachEvent("onmessage", this.messageListener(this));
}

messageListener(ev) {
       dispatchText(ev.data)
}

И в ev.data совсем не текст. Как его поймать?

Comments

[Kovalsky]

Вы показываете функцию messageListener, но в качестве обработчика используете не её, а результат её вызова с аргументом this (window?). Чтобы использовать функцию messageListener в качестве обработчика, надо писать так:

window.addEventListener("message", messageListener);

Или я что-то не так понял?

[varenik163]

Никита Полевой: Спасибо, но даже так не работает

window.addEventListener("message", function(event) {
                alert( "получено: " + event.origin );
            });

[Kovalsky]

varenik163: понятно. То есть на самом деле не очень.

У меня есть вот такой пример, недавно делал его в образовательных целях, мне кажется это ваш случай.

А что вам приходит в event? И вообще, какие аргументы прилетают в обработчик? Какие ориджины у фигурирующих окон?

[varenik163]

В том то и дело, что разные origin, домены разные. И по политике безопасности только метод postMessage позволяет передать данные с одного клиента на другой при различных доменах.
В обработчике события react и webpack подпадают, а моего нет.

[Kovalsky]

varenik163:

1. Стоило всё таки нажать кнопку "ответить", потому что о вашем ответе я узнал абсолютно случайно зайдя на эту страницу еще раз,
2. Если у вас используются реакт и вебпак, то лучше указать это в тегах, т.к. специалисты подписанные на реакт и вебпак в данный момент не видят вашего вопроса,
3. Может тут или тут помогут,