Skip to main content

Spring+Vue App


Make sure you have followed the installation guide before continuing.

(Optional) Chinese users​

Chinese users may have network access problems, please run first:

export NETWORK_TYPE=china_network

Step1. Create a Spring+Vue App​

Create your application interactively:

hln up spring-vue-hello-world -s spring-vue -i

Input the values one by one according to the prompt:

Which github organization do you want to use(Can be set as personal github id)? (required):

> [organization name or github id, e.g. yni9ht]

Which domain do you want to use?:

> [default:]

Then it will start executing the setup instructions. Output looks like:


Finally, Output looks like:

Heighliner application spring-vue-hello-world is ready! access URL:

There are 2 services have been deployed:
● spring-vue-hello-world-frontend
● access URL:
● resource code:

● spring-vue-hello-world-backend
● access URL:
● resource code:

There are 3 addons have been deployed:
● argocd
● access URL:
● credential: [Username: admin Password: xCb2E0XJ9Frl3D1A]

● prometheus-stack
● access URL:
● credential: [Username: admin Password: prom-operator]
● prometheus URL: [Username: admin Password: heighliner123!], alertManager URL: [Username: admin Password: heighliner123!]

● loki

Congrats! Application is ready!

Step2. (Optional) Set Domain Routing​

  • If you are using, you don't have to do anything.

  • If you are using your own domain name, put the following lines into your /etc/hosts: spring-vue-hello-world.<your-domain> argocd.<your-domain> nocalhost.<your-domain> grafana.<your-domain> prometheus.<your-domain> alert.<your-domain>

Step3. Access application​

Vue App​

View your vue app site


SpringBoot App​

View your springBoot app Swagger UI


ArgoCD App​

View your ArgoCD dashboard


Git Repository​

View your git repository in GitHub



View your monitoring dashboard

Login account in Output:

  ● prometheus-stack
● access URL:
● credential: [Username: admin Password: prom-operator]



hln down spring-vue-hello-world
  20:02:08  INFO    cmd/down.go:128 delete app spring-vue-hello-world...
20:02:08 INFO cmd/down.go:128 delete app loki...
20:02:08 INFO cmd/down.go:128 delete app prometheus-stack...
20:02:08 INFO cmd/down.go:145 delete repo spring-vue-hello-world-backend...
20:04:01 INFO cmd/down.go:145 delete repo spring-vue-hello-world-deploy...
20:04:08 INFO cmd/down.go:145 delete repo spring-vue-hello-world-frontend...