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

To embed Unity inside of external application:

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

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.