Web GUI for App Mesh

App Mesh

Build Docker image

VER=2.1.2
cd appmesh-ui/
make

docker rmi laoshanxi/appmesh-ui:${VER} || true
docker tag appmesh-ui:${VER} laoshanxi/appmesh-ui:${VER}
docker push laoshanxi/appmesh-ui:${VER}

docker tag laoshanxi/appmesh-ui:${VER} laoshanxi/appmesh-ui:latest
docker push laoshanxi/appmesh-ui:latest

Develop environment

# preview the release environment effect
npm run preview

# preview the release environment effect + static resource analysis
npm run preview -- --report

# code format check
npm run lint

# code format check and auto fix
npm run lint -- --fix

Deploy

• Use docker run to start a container connected to local App Mesh

docker run --name=appmesh-ui -d -p 443:443 --name=appmesh-ui -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:2.1.2

# Use the environment variable `APP_MESH_API_URL` to specify the API service URL. The default value is `https://127.0.0.1:6060`.
# Use the environment variable `VUE_APP_TITLE` to specify the Web Site Title. The default value is `App Mesh`.

• Use host mode networking for Nginx reverse proxy (need accept host 443 port)

appc reg -n appweb --perm 11 --exit restart -e APP_DOCKER_OPTS="--net=host -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" -d laoshanxi/appmesh-ui:2.1.2 -f

• Use Docker native API way to manage container app:

tee appweb.json <<-'EOF'
{
    "Image": "ubuntu",
    "HostConfig": {
        "NetworkMode": "host",
        "Binds": [
            "/opt/appmesh/ssl/server.pem:/etc/nginx/conf.d/server.crt:ro",
            "/opt/appmesh/ssl/server-key.pem:/etc/nginx/conf.d/server.key:ro"
        ]
    }
}
EOF
appc reg -n appweb --perm 11 --exit restart -g @./appweb.json -d laoshanxi/appmesh-ui:2.1.2

Demo

Browsers support

Modern browsers and Internet Explorer 10+.

IE / Edge	Firefox	Chrome	Safari
IE10, IE11, Edge	last 2 versions	last 2 versions	last 2 versions

License

MIT license.