Building an web app to run inside other apps through a JS code-snippet

Question

I was given the task to develop sliders/pop-ups for customers of the company I work for. This works a bit like chatbots (ie. Intercom). The user sees a small bubble on the bottom-right corner, clicks on it and it shows some information from our (Rails) app.

What's the best way to create a javascript code to share with those clients? Should I add my code to a public js file and send those clients a script targeting my app? (like the example below?)

<script src='https://www.myapp.com/script.js'></script>

I've tried to do so, but it looks like the script doesn't link to my CSS files, so styles are broken. So I am not sure if it's the best way to go.

cam · Accepted Answer · 2022-03-16 00:28:35Z

1

You're using the right approach.

To fix your missing CSS you could adjust your script to add the required CSS references to the head of the page.

let externalCssLink = document.createElement('link')
externalCssLink.rel = 'stylesheet'
externalCssLink.href = 'https://some-external-domain.com/some-css.css'

document.head.appendChild(externalCssLink)

answered Mar 16, 2022 at 0:28

cam

3,7301 gold badge16 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Building an web app to run inside other apps through a JS code-snippet

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related