...

External application front-end can embed Pricefx Unity frontendfront-end. Pricefx frontend front-end will be then rendered inside of a an iframe of the external application.

To embed Unity inside of This is an example how to embed Pricefx inside an external application:

<iframe
  src = "https://{partition}.pricefx.com"
  id = "pfx-iframe"
  sandbox =     sandbox="allow-scripts"allow-forms allow-modals allow-popups allow-same-origin allow-forms allow-popups"scripts"
/>

Parameters needed for the iframe:

The external application front-end can communicate with Pricefx Unity front-end through the Unity Messaging API.

Implementation example

As you embed Unity inside another external application:

You can start using it with the code below:

const iframe = document.getElementById('pfx-iframe');
const messageHandler = (event) => console.log(event.data);
window.addEventListener(messageHandler);
iframe.contentWindow.postMessage({
  "source": "pfxParentMessage",
  "type": "getUserData"
}, *);

In this case, you will attach a handler that logs the message it receives from Unity, and also will message Unity requesting the logged in user data.

On the other side, if you have an external application embedded in Unity:

const messageHandler = (event) => console.log(event.data);
window.addEventListener(messageHandler);
window.parent.postMessage({
  "source": "pfxParentMessage",
  "type": "getUserData"
}, *);

And you will have the same behavior as described for the first case.