Skip to main content

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

create-application

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​

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

Step3. Access application​

Vue App​

View your vue app site gin-hello-world.h8r.site

vue-app

Git Repository​

View your git repository in GitHub

git-repo

Cleanup​

hln down gin-hello-world
heighliner