Make selfhostable with runtime environment variable substitution

Question

Make selfhostable with runtime environment variable substitution

Closed this issue a year ago · 5 comments

Found an excellent guide: https://moreillon.medium.com/environment-variables-for-containerized-vue-js-applications-f0aa943cb962

Will put this into practice tomorrow.

Answer 1 · 2023-09-23T19:35:43.000Z

as I said before,already doing that, see webpack js

Answer 2 · 2023-09-23T19:50:29.000Z

I looked at the webpack.config.js but I don't see anything that looks to me like variable substitution at runtime.

I did see this: https://github.com/Shock-Link/WebUI/blob/0c498c0e30f8d4d4644faa3e35b151069bb48b49/webpack.config.js#L86-L91

But that's also compile time:

The DefinePlugin replaces variables in your code with other values or expressions at compile time. This can be useful for allowing different behavior between development builds and production builds

If there's something I'm missing then I'm all ears! Eager to learn

Answer 3 · 2023-09-23T19:59:15.000Z

yes, but it should just be that, but you do it in main.js

Answer 4 · 2023-09-23T19:59:59.000Z

nevermind, you cannot get anything at runtime, since it doesnt have a runtime, its just statically built files.

Answer 5 · 2023-09-23T20:11:37.000Z

Yeah exactly. The trick is to grab the container env vars on startup, substitute them in the *.js files, and then start serving files. Should be easy :)