山海鲸可视化以及山海鲸查看器内部都集成了一个Web服务器,用来实现大屏的本地分享链接在网页浏览器中查看,这个Web服务器之前前端架设Nginx进行代理,有两种方式,下面分别介绍。
【温馨提示】以下方式适用于山海鲸可视化、山海鲸查看器、山海鲸查看器(无桌面版),不适用于山海鲸的托管服务。
代理单个大屏,意思是通过Nginx配置之后,Nginx这边会配置出一个特定的地址,这个地址对应被代理的大屏。
比如,山海鲸可视化分享后的地址是:http://192.168.31.165:81/abc/
通过nginx代理后,该地址可被代理为:http://192.168.31.4:8081/a1/
配置如下:
map $http_upgrade $connection_upgrade {
default upgrade;
'' close;
}
server {
listen 8081;
location /a1/{
proxy_cache off;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $host:$server_port;
proxy_set_header X-Forwarded-For $remote_addr;
proxy_pass http://192.168.31.165:81/abc/;
}
}
代理整个Web服务器,意思是通过Nginx代理之后,山海鲸分享的所有大屏地址,在Nginx这边都有一个对应的地址。
比如,山海鲸可视化分享了两个大屏,地址分别是:
http://192.168.31.165:81/abc/
http://192.168.31.165:81/def/
通过Nginx代理后,入口地址被代理为 http://192.168.31.4:8082/a/ ,则上面两个大屏可分别通过以下链接进行访问:
http://192.168.31.4:8082/a/abc/
http://192.168.31.4:8082/a/def/
配置如下:
map $http_upgrade $connection_upgrade {
default upgrade;
'' close;
}
server {
listen 8082;
location /a/{
proxy_cache off;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $host:$server_port;
proxy_set_header X-Forwarded-For $remote_addr;
proxy_pass http://192.168.31.165:81/;
}
}
在Nginx上配置监控可以帮助你实时了解服务器的性能和状态,而从有效进行资源管理和故障排除。
Nginx的配置文件是conf目录下的nginx.conf,默认配置的nginx监听的端口为80,如果80端口被占用可以修改为未被占用的端口即可。当我们修改了nginx的配置文件时,不需要关闭nginx后再重新启动nginx,只需要执行命令 “nginx -s reload” 即可让改动生效。
配置如下:
map $http_upgrade $connection_upgrade {
default upgrade;
'' close;
}
# 有监控的话需要在 下面配置的基础上 进行此项配置
server {
# 拷贝下面的内容 到 对应的 server 中
location / {
proxy_pass http://127.0.0.1:26666/;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade; #此处配置 上面定义的变量
proxy_set_header Connection $connection_upgrade;
}
# 此项为共有配置 需要拷贝到 对应的 server 中
location /socket.io/ {
proxy_cache off;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection $connection_upgrade;
proxy_set_header X-Forwarded-For $remote_addr;
proxy_pass http://192.168.31.189:3300/socket.io/; #要替换成对应的源ip和端口
}
}
更多数字孪生可视化干货内容等你发现
了解更多内容