shiguanghuxian / etcd-manage

一个现代的etcd v3管理ui
http://140.143.234.132:10280/ui/#/key/kv
MIT License
244 stars 61 forks source link

自定义UI #19

Closed czh0318 closed 5 years ago

czh0318 commented 5 years ago

您好,我通过tpls/compile.sh打包静态文件,界面加载失败。

czh0318 commented 5 years ago

请问修改ui的正确流程是什么?感谢

shiguanghuxian commented 5 years ago

你需要先装一个命令工具 go-bindata https://github.com/go-bindata/go-bindata

shiguanghuxian commented 5 years ago

如果感觉好用欢迎 点星 分享

czh0318 commented 5 years ago

go-bindata安装后直接执行compile.sh脚本就可以了吗?

czh0318 commented 5 years ago

作者这么热心回复,就这点就必须点星了

czh0318 commented 5 years ago

在tpls目录下,执行脚本,提示错误:bindata: Failed to stat input path 'dist': lstat dist: no such file or directory 然后我改了dist路径:go-bindata -o tpls.go ../static/dist/... 执行成功,但是运行程序错误: 找不到 127.0.0.1 的网页 找不到与以下网址对应的网页:http://127.0.0.1:8081/ui/ HTTP ERROR 404 求方法,谢谢

shiguanghuxian commented 5 years ago

用的那个分支

czh0318 commented 5 years ago

你好,我用的是master分支

shiguanghuxian commented 5 years ago

我知道你问题所在了,你如果用的linux或mac可以质心make build_web这会更新前端代码到go文件。之后在make build就可以生成最新的可执行程序到./bin目录了。

如果用的win 你可以参考 cd static && npm run build && cp -r dist ../tpls && cd ../tpls && ./compile.sh 依次操作。最后go build -o ./bin/etcd-manage.exe ./

最后建议用dev-v2分支功能是稳定的,只是ui更新,界面更舒适

shiguanghuxian commented 5 years ago

需要用到前端的node开发环境,前端代码依赖下载 npm install

czh0318 commented 5 years ago

非常感谢

czh0318 commented 5 years ago

不好意思,再打扰一下, 我用v2分支,直接运行后台服务,提示Etcd client is empty。 配置文件如下:

# debug模式
debug = false
# 日志文件路径
log_path = "datalog/"

# http 监听端口
[http]
# 监听地址
address = "0.0.0.0"
# 监听端口
port = 8081

# 使用 Let's Encrypt 证书 - tls_enable为true优先使用本地证书模式
tls_encrypt_enable = false
# 域名列表
tls_encrypt_domain_names = ["shiguanghuxian.com"]

# 是否启用tls
tls_enable = false
# tls证书文件
[http.tls_config]
cert_file = "cert_file"
key_file = "key_file"

[[server]]
title = "测试环境etcd"
name = "local"
address = ["127.0.0.1:2379"]
key_prefix = "/"
desc = "测试环境"
roles = ["admin","test"]

## 以下为用户列表 ##
[[user]]
username = "admin"
password = "123456#"
role = "admin"

[[user]]
username = "test"
password = "123456"
role = "test"
czh0318 commented 5 years ago

image 左上角的local选择一下就ok了

shiguanghuxian commented 5 years ago

👌遇到问题直接提问,我有时间看到就会回复