the example js-trame cant work. addEventListener on iframe node contentwindow will be stop by CORS

[ylwbl]

Send message from js to trame is Ok, but when I try to send message from trame to js, it didn't work.

Maybe there's a problem in the example js-trame

it seems that postMessage in iframe should like that
window.parent.postMessage(message)
so at the outside, I can receive message like this:
window.addEventListener
or there is another way to solve this problems？

[jourdain]

Did you look at that example https://github.com/Kitware/trame-iframe/tree/master/examples/trame-js?

Moreover to prevent cross origin issue, you need to be in the same domain.

[ylwbl]

Did you look at that example https://github.com/Kitware/trame-iframe/tree/master/examples/trame-js?

Moreover to prevent cross origin issue, you need to be in the same domain.

Thank you for your reply.I have looked at that example,but it didn't solve my problem.
I am now creating a iframe in a vue application to show the trame render,its two application and will run on two different port,even differnet server.
Under the circumstances,I need to communicate between trame and my application.
Do you have an idea to make js-trame works right? now the example cant work right

[jourdain]

It is expected to run across several servers, but people tends to put a proxy in front of it so it all appear to come from a single server.

[marospekarik]

I'm also uncertain if I've correctly understood this example.

I have tried to run the TRAME server on AWS and set up a temporary Ngrok HTTPS link for testing. Then, from my local computer, I added the link to an iframe. I expected that communication would be bidirectional, but it isn't. While I can successfully send messages from the iframe (on my local PC) to the server, I am not receiving messages back from the server (on slider or button events).

[jourdain]

Which example are you referring to? js-trame or another one?

[marospekarik]

Yes, js-trame @jourdain

[jourdain]

Can you provide more information then, is everything running on the same domain and port?

[marospekarik]

No, they are on different domains. Trame server is running on the AWS instance as I mentioned above. Then, I am using ngrok to forward the Trame server (8080) to the internet for testing purposes. Then, I have an iframe with the ngrok URL on my local client.

I aim to have a Trame server on an AWS instance and perform bi-directional communication from a web client sitting somewhere else.

[marospekarik]

I can successfully send messages from the client to the Trame server on AWS, but I don't see any message when I try to send it from the server back to the client.

[jourdain]

That is expected when you don't share the same domain. You need to put a proxy in front of your services to expose them under the same domain.