Subject: Help Needed: Where to Upload jupyternb_test.php for iFrame Embedding

image

Hello Bubble Community,

I’m working on embedding external websites into an iFrame within my Bubble application and I’ve come across a technical hurdle I hope you can help me with.

I’ve been following a guide on Stack Overflow (html - Iframe "(Site Name) Refused to Connect." Error - Stack Overflow) which provides a solution to the ‘refused to connect’ error that often occurs when embedding sites. The solution involves using a PHP file to serve as a proxy.

My question is, where should I upload my jupyternb_test.php file in my Bubble application to properly implement this solution? I understand that the file needs to be accessible via a URL to work as intended for the iFrame.

Here’s what I’m trying to achieve:

  1. User accesses my Bubble app. Bubble | No-code apps

  2. User is presented with an iFrame displaying content from an external website. /jupyternb_test.php?url=https://cautious-tribble-5j95q75jrcvxj9.github.dev/

  3. jupyternb_test.php acts as a middleman to avoid direct embedding issues.

<?php echo file_get_contents($_REQUEST['url']); ?>
  1. This is the code I’m using in the HTML element.
<iframe

src=“/jupyternb_test.php?url=https://cautious-tribble-5j95q75jrcvxj9.github.dev/

width=“100%”

height=“500px”

I would greatly appreciate any guidance or instructions on how to set this up correctly in Bubble. Has anyone here successfully implemented something similar and could offer some advice or steps to follow?

Thank you in advance for your time and help!

Best, Jonathan

This topic was automatically closed after 70 days. New replies are no longer allowed.