Skip to content

laoshanxi/app-mesh-ui

Repository files navigation

language.badge release.badge docker.badge

App Mesh Web GUI

This is the Web GUI implementation for App Mesh.

Features

  • Modern web interface built with Vue.js
  • Visual management for all App Mesh core functionalities
  • Intuitive application monitoring and management interface
  • Quick deployment via Docker container

Development Guide

Environment Setup

# Install dependencies
npm install

# Start development server
npm run dev

# Preview production build
npm run preview

# Preview with bundle analyzer report
npm run preview -- --report

# Lint code
npm run lint

# Lint and auto-fix
npm run lint -- --fix

Build Docker Image

docker build -t appmesh-ui .

Deployment Guide

Method 1: Connect to Local App Mesh

docker run \
  --name=appmesh-ui \
  -d \
  --restart=always \
  -p 443:443 \
  -e APP_MESH_API_URL=https://`hostname`:6060 \
  -e VUE_APP_TITLE=`hostname` \
  -v /opt/appmesh/ssl/server.pem:/etc/nginx/conf.d/server.crt:ro \
  -v /opt/appmesh/ssl/server-key.pem:/etc/nginx/conf.d/server.key:ro \
  laoshanxi/appmesh-ui

Method 2: Host Network Mode

When App Mesh runs on the host OS, use this recommended command:

docker run \
  --name=appmesh-ui \
  -d \
  --restart=always \
  --net=host \
  -e VUE_APP_TITLE=`hostname` \
  -v /opt/appmesh/ssl/server.pem:/etc/nginx/conf.d/server.crt:ro \
  -v /opt/appmesh/ssl/server-key.pem:/etc/nginx/conf.d/server.key:ro \
  laoshanxi/appmesh-ui

Environment Variables

Variable Name Description Default Value
APP_MESH_API_URL App Mesh API service URL https://127.0.0.1:6060
VUE_APP_TITLE Web site title App Mesh

Interface Preview

License

This project is licensed under the MIT License.

About

WEB GUI for github.com/laoshanxi/app-mesh

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •