首页 > 其他分享 >clickhouse 20.1之web UI工具使用

clickhouse 20.1之web UI工具使用

时间:2024-10-31 22:30:52浏览次数:1  
标签:20.1 lighthouse set web header UI proxy root clickhouse

背景:

盘古开天,晴天霹雳,甲方不允许直连数据库了。但是发现了可以使用web页面来使用clickhous数据库。

数据库版本:20.1。2018年的古老版本;那时候clickhous还没有自带的好用的web UI。

然后我找了官方文档里面所说的【第三方开发的可视化界面】:https://clickhouse.com/docs/zh/interfaces/third-party/gui

妈的,一个比一个坑爹:

chrtdb压根编译不了,找到的容器也是不支持clickhouse的版本;

tabix呢,能用,但是它不支持反向代理,严格的来说是不支持非根目录的代理,至少我没有找到方法;

但是我还是找到了一个,灯塔:LightHouse;

使用方法:

https://github.com/VKCOM/lighthouse

只需克隆此存储库并在浏览器中使用 index.html。 如果您需要指定用户名(例如 XXX),请在您的 URL 中添加 “/?user=XXX”,例如 “http://127.0.0.1:8123/?user=XXX”。 如果您想强制使用基本身份验证而不是基于 URL 的身份验证(基本身份验证不适用于 CORS,请小心),请添加 “/?basic_user=XXX”。

很简单。

事实却是如此:

我的clickhouse设置了密码的,我这有使用:

 

 

输入clickhouse的密码:

 

 

就进去了:

 

 

部署到容器中去

构建镜像就不细说了:

[root@test lighthouse]# pwd

/root/lighthouse

[root@test lighthouse]# ll

总用量 4

-rw-r--r-- 1 root root  66 10月 31 21:48 Dockerfile

drwxr-xr-x 5 root root 119 7月  29 2020 lighthouse-master

[root@test lighthouse]# cat Dockerfile

FROM nginx:alpine

COPY ./lighthouse-master /usr/share/nginx/html

 

[root@test lighthouse]#

[root@test lighthouse]# docker run -d -p 8088:80 lighthouse

 

正常使用:

 

 

反向代理这个容器

由于我的内网和外网之间只有80端口是通的,所以还需要另一个nginx来做反向代理:

http{

server

{

    listen 18080;  # 监听80端口;别介意,这个只是我家里面的环境,80端口被另外的程序使用了。

#    server_name your_domain.com;  # 替换为你的域名或IP地址

 

    location /myapp/ {

        proxy_pass http://192.168.25.6:8088/;  # 将请求转发到 Docker 容器的80端口

        proxy_http_version 1.1;

        proxy_set_header Upgrade $http_upgrade;  # 支持WebSocket

        proxy_set_header Connection 'upgrade';  # 支持WebSocket

        proxy_set_header Host $host;  # 保留原始主机头

        proxy_set_header X-Real-IP $remote_addr;  # 获取客户端真实IP

        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;  # 转发的IP

        proxy_set_header X-Forwarded-Proto $scheme;  # 转发的协议

    }

}

}

 

加载之后,访问:

 

 

搞定!

致谢

我很感激这个项目的开发者,但是这个存储库已经归档了。

标签:20.1,lighthouse,set,web,header,UI,proxy,root,clickhouse
From: https://www.cnblogs.com/love-DanDan/p/18519054

相关文章

  • 前端之移动web(一)
    1.平面转换transform⚫作用:为元素添加动态效果,一般与过渡配合使用⚫概念:改变盒子在平面内的形态(位移、旋转、缩放、倾斜)平面转换又叫2D转换 一:平面转换–平移⚫属性transform:translate(X轴移动距离,Y轴移动距离......
  • 数组排序简介-快速排序(Quick Sort)
    基本思想        采用经典的分治策略,选择数组中某个元素作为基准数,通过一趟排序将数组分为独立的两个子数组,一个子数组中所有元素值都比基准数小,另一个子数组中所有元素值都比基准数大。然后再按照同样的方式递归的对两个子数组分别进行快速排序,以达到整个数组有序。......
  • (开题报告)django+vuejavaweb学生宿舍管理系统论文+源码
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容一、选题背景关于学生宿舍管理系统的研究,现有研究多集中于传统管理模式或单一功能模块的实现。在国内外,传统的学生宿舍管理方式主要依赖人工操作,效......
  • String、StringBuffer和StringBuilder的区别
    String、StringBuffer和StringBuilder的区别  下面从可变性、是否线程安全等方面来对String、StringBuffer、StringBuilder进行比较。  一、可变性  1.String  String类中使用final关键字修饰字符数组来保存字符串。publicfinalclassStringimplementsja......
  • A股\美股\港股 WebSocket实时行情接口接入
    Websocket行情接入请按照下面的步骤完成沪深、港股或美股的行情接入。原文地址:https://jvquant.com/wiki.html#websocket-分配服务器为实现更好的用户体验,系统将自动为您分配合适的服务器。注意:每次分配的服务器地址会发生变化,连接服务前,请务必调用该接口获取最新的服务器地......
  • swiftui 轮播图切换
    importSwiftUIstructBanner:View{@Statevarcat=0@Statevarpage=0varbody:someView{ZStack{Color.gray.edgesIgnoringSafeArea(.all)VStack{......
  • swiftui轮播图
    importSwiftUIstructPost:Identifiable{varid=UUID().uuidStringvarpostImage:String}importSwiftUIstructSnapCarousel<Content:View,T:Identifiable>:View{varcontent:(T)->Contentvarlist:[T]/......
  • 3. 使用Docker部署MQTT平台mosquitto到云服务器
    3.使用Docker部署MQTT平台mosquitto到云服务器1.拉取MosquittoDocker镜像(这里选择拉取1.6.14版本,因为最新版本报错Addressnotavailable)dockerpulleclipse-mosquitto#或者拉取1.6.14版本dockerpulleclipse-mosquitto:1.6.142.创建mosquitto配置文件在运......
  • layui内置图标
                   ......
  • 用三剑客来快速进行uuid挂载方法.很实用,可以先在虚拟机上试试看,不好用欢迎评论区来
    blkid|grep'UUID'|sed-n'5p'|sed-E's/.*UUID="([^"]+)".*/\1/'|xargs-I{}echo"UUID={}/mnt/disk1xfsdefaults00">>/etc/fstab  简单的脚本详细解释在下面:1.blkid-功能:列出系统中所有块设备的UUID、类型等......