Frontend
Recommended IDE Setup
VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
Project Setup
npm installCompile and Hot-Reload for Development
npm run devCompile and Minify for Production
npm run buildDemo
There exsits a public demo: http://demo.open-haus.io
It is deployed with docker and runs the frontend & backend container.
The instance is rested to its default values every 10 Minutes.
No authentication required, full API support.
Docker image
Environment variables
| Name | Default value | Description |
|---|---|---|
| NODE_ENV | production |
node.js environment |
| NGINX_HOSTNAME | open-haus.lan, open-haus.local |
nginx hostname |
| BACKEND_PROTOCOL | http |
OpenHaus backend http protocol |
| BACKEND_HOST | 127.0.0.1 |
OpenHaus backend http host |
| BACKEND_PORT | 8080 |
OpenHaus backend http port |
| RESOLVER | 127.0.0.11 |
DNS resolver used inside the backend location block. |
NOTE:
You can also use the environment variablesBACKEND_PROTOCOL,BACKEND_HOST&BACKEND_PORTwhile you develop local.
E.g. runBACKEND_HOST=open-haus.local npm run devto use your local hosted backend instead of the loopback address.
Build the image
npm run build
npm run build:dockerStart the docker image
docker run --net=host --rm --name frontend --env BACKEND_HOST=172.17.0.1 openhaus/frontend:latestThe backend runs on the docker host
Export the Image
docker save openhaus/frontend:latest | gzip > ./frontend-vX.X.X-docker.tgzScreenshots
