Spring+Vue App
info
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: h8r.site]
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: spring-vue-hello-world.h8r.site
There are 2 services have been deployed:
β spring-vue-hello-world-frontend
β access URL: spring-vue-hello-world.h8r.site
β resource code: https://github.com/ni9ht-org/spring-vue-hello-world-frontend
β spring-vue-hello-world-backend
β access URL: spring-vue-hello-world.h8r.site/api
β resource code: https://github.com/ni9ht-org/spring-vue-hello-world-backend
There are 3 addons have been deployed:
β argocd
β access URL: argocd.h8r.site
β credential: [Username: admin Password: xCb2E0XJ9Frl3D1A]
β prometheus-stack
β access URL: grafana.h8r.site
β credential: [Username: admin Password: prom-operator]
β prometheus URL: prometheus.h8r.site [Username: admin Password: heighliner123!], alertManager URL: alert.h8r.site [Username: admin Password: heighliner123!]
β loki
Congrats! Application is ready!
Step2. (Optional) Set Domain Routingβ
- Kind
- Cloud
If you are using
h8r.site
, you don't have to do anything.If you are using your own domain name, put the following lines into your
/etc/hosts
:127.0.0.1 spring-vue-hello-world.<your-domain>
127.0.0.1 argocd.<your-domain>
127.0.0.1 nocalhost.<your-domain>
127.0.0.1 grafana.<your-domain>
127.0.0.1 prometheus.<your-domain>
127.0.0.1 alert.<your-domain>
Get your public ingress IP:
kubectl -n ingress-nginx get svc ingress-nginx-controller -o=jsonpath='{.status.loadBalancer.ingress[0].ip}'
Step2. Set domain routing:
If you are using
h8r.site
, Put the following lines into your/etc/hosts
(replace <ingress-ip> with above result):<ingress-ip> spring-vue-hello-world.<your-domain>
<ingress-ip> argocd.<your-domain>
<ingress-ip> nocalhost.<your-domain>
<ingress-ip> grafana.<your-domain>
<ingress-ip> prometheus.<your-domain>
<ingress-ip> alert.<your-domain>If you are using your own domain name, set your domain DNS record to the above ingress IP.
Step3. Access applicationβ
Vue Appβ
View your vue app site spring-vue-hello-world.h8r.site
SpringBoot Appβ
View your springBoot app Swagger UI spring-vue-hello-world.h8r.site/api/swagger-ui/index.html#
ArgoCD Appβ
View your ArgoCD dashboard argocd.h8r.site
Git Repositoryβ
View your git repository in GitHub
Monitoringβ
View your monitoring dashboard grafana.h8r.site/d/o6mCW9_7k/spring-boot-statistics
Login account in Output:
β prometheus-stack
β access URL: grafana.h8r.site
β credential: [Username: admin Password: prom-operator]
Cleanupβ
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...