Embedding the Prospective page in website using iframe

Hi, I am trying to embed a prospective page in our local website using iframe.
But it shows error "10.x.x.x refused to connect".

What I have tried to troubleshoot.
Gateway - Config - Networking - Web Serve (can not find X-Frame-Options)

It shows an error in the console
"Refused to display 'http://10.1.1.202:8088/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.".

i have manually added the line in ignition.conf

Then, restart the gateway service more than once, but it shows the same error.

From what documentation did you get that system property? It looks like you just made it up.

See Gateway and Gateway Network Parameters | Ignition User Manual which has some X Frame Options related properties.

You are right Kevin. i just get this line of code from chatgpt.
Can you let me know what value I should change as I wan to use one perspective page in our website using iframe that is hosted somewhere else.

You can try something like this:

wrapper.java.additional.7=-Dignition.http.header.x_frame_options.enabled=true
wrapper.java.additional.8=-Dignition.http.header.x_frame_options.value="ALLOW-FROM *"

but I'm not sure browsers honor this any more...

I think that it may not be possible to embed a Perspective view in an iframe unless you're attempting to do so from the same origin.

Getting it to work with from other origins may require custom CSP headers, which aren't supported right now: [IGN-3627]Perspective in iframe: X Frame Options and Content-Security-Policy

Hi,
I am able to access the page in my website but now it show me this error.
Can you help me to solve this issue.

The conf file i have updated as below:
wrapper.java.additional.8=-Dignition.http.header.x_frame_options.enabled=true
wrapper.java.additional.9=-Dignition.http.header.x_frame_options.value=ALLOWALL


The browser refused the websocket. Possibly because it is not secure. Does Perspective work in that browser in its own page?

Is the perspective running on https? is the website running the iframe runnign on https?

Which browser are you using? firefox/chrome/edge have different security measures.

"ws" suggestes one or the other is not https
oh secure websites it should be "wss"

iframes often dont work in nonsecure sites

Yes. Its working nornal but only issue when try iframe.

Try with Edge and Chrome but same error. Its http

you should make both https

1 Like

After impelementing SSL i can open gateway and project on local pc but on remote machine where use IP of gateway is still not working.

You cannot do that with SSL, unless the IP address is in the SSL certificate as a subject alternative name. Make your remote machines use the domain name that is in the certificate.

1 Like

Domain mean here we will use Localhost???
Both machine are in same network. The website is running as VM and using DHCP so have different IP.
Gateway: localhost:8088 (10.1.1.202:8088)
Website: Machine 10.1.1.65 (DHCP assign IP VM 192.168.17.128).

I hope you understood the network scenario.

I have updated SSL (Self-Signed SSL Certificate installed). Now able to access with localhost:8043. on remote machine in chrome it show all fine but in website iframe it show connecting.....
When open console and fine the error websocket connection to wss://10.1.1.202:8043 failed.

It seems like this is out dated and should use this now...

I do not know if there is a java setting for it

1 Like

You will need to have all IP addresses of the gateway in that certificate as subject alternative names.

It is best to simply assign an actual DNS name in your local infrastructure and put that name in your certificate.