Gin+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 Gin+Vue App

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

Get application status:

hln status gin-hello-world

Output looks like this:

🎉 Heighliner application gin-hello-world is ready! access URL: http://gin-hello-world.h8r.site

There are 2 services have been deployed:
● gin-hello-world-frontend
  ● access URL: http://gin-hello-world.h8r.site
  ● resource code: https://github.com/coding-org03/gin-hello-world-frontend

● gin-hello-world-backend
  ● access URL: http://gin-hello-world.h8r.site/api
  ● resource code: https://github.com/coding-org03/gin-hello-world-backend

There are 4 addons have been deployed:
● argocd
  ● access URL: http://argocd.h8r.site
  ● credential: [Username: admin Password: bsj1O-Eg9iJM7fCq]

● nocalhost
  ● access URL: http://nocalhost.h8r.site
  ● credential: [Username: admin@admin.com Password: 123456]

● prometheus-stack
  ● access URL: http://grafana.h8r.site
  ● credential: [Username: admin Password: prom-operator]
  ● prometheus URL: http://prometheus.h8r.site [Username: admin Password: heighliner123!], alertManager URL: http://alert.h8r.site [Username: admin Password: heighliner123!]

● loki

Step2. (Optional) Set Domain Routing

Kind

• 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 gin-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>

Cloud

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> gin-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 gin-hello-world.h8r.site

Git Repository

View your git repository in GitHub

Cleanup

hln down gin-hello-world