Hi All
Is there anyway that we embed an application running on localhost into Low-Code Application?
We have a React UI which we like to run it locally and embed it in Low-Code app.
Hi Ladan,
I don't see why embedding localhost would be any different then embedding regular URL you just have to make sure localhost is configured properly, for example you can't use X-Frame-Options = DENY.
Whether you can run React locally, you should be able to if your hardware can handle it. In this case you would have to make sure they are running on different ports and you would have to specify port when embedding the page.
Note that I assume you have web server that is able to deliver react app that just happens to be running on localhost, and on weird port.
Hope this helps,
Cheers
Hi Edib
We placed react in on DMA and tried LCA connection from the same DMA. However it still doesn’t display the content of react UI
Hi Ladan,
Can you open browser console and refresh LCA. You should see potential reason as to why your React page is not loading. Another thing to note is that you can’t simply host React app on localhost, you need to host it on free port since DMA will use 80 and 443.
Let me know if this doesn’t work so we can try to figure out what’s wrong.
Cheers
Yes, we hosted in different port it does work on the dma agent we see inside that, but on browser from another system it shows
Hmmm… can’t reach this page awsdmat601a.broadcast.bskyb.com took too long to respond…some inbound rule issue or ssl certificate issue?
Can you ping DMA server from that other system? I don’t think the issue is related to SSL in this case, rather that DMA server is just not reachable from other system. It is also possible that port you are using for React app is closed since it’s not default port, although I don’t think that’s the case here because then message would be different, something like “No connection could be made because the target machine actively refused it”.
Hi Ladan,
It doesn't matter where the embedded app is hosted, as long as it can be accessed from the same machine the LCA is accessed from. This means that using the localhost URL will not work when the LCA is accessed from a different machine. Hosting the react app on the same machine as the DMA is possible, but to access it via the LCA using a different machine, you will need to have a public URL/IP for it.
Hi Wout
We placed react in on DMA and tried LCA connection from the same DMA. However it still doesn’t display the content of react UI
Hi Ladan,
What protocol are you using to embed the webpage and to access the LCA itself? Note that if the LCA uses HTTPS (recommended), the React app on localhost will also need to use HTTPS. This means that it will need to provide a valid certificate for the localhost domain or the connection will be refused.
Yes, we are using HTTPS, I can see in my IIS manager it runs with awsdmat….:8443 port…but for certificate we have used manual created certificate, any other way?
Hi Ladan,
I believe there is already a similar question:
Can we embed an angular or React application inside low code application?
Hope it helps.
This is different. There’s no external URL to embed in LCA. my question is if the react can be run locally on dma server. Can we use same approach?
Hi Ladan,
I see that this question has been inactive for some time. Do you still need help with this? If not, could you select the answer that has been most helpful for you (using the ✓ icon)?