二维项目制作、发布、私有化部署全流程免费,无任何限制 点击下载
大屏管理 组件介绍 数据源管理

如何通过nginx代理山海鲸本地分享链接

2021-12-26 21:06:41
浏览 1258 次
您正在查看的是山海鲸旧版本教程,与山海鲸软件最新版本有很多不一致,请移步查看最新的教程 →_→ 山海鲸使用教程

摘要: 山海鲸可视化本地分享的链接以及山海鲸浏览器分享的链接,都可以在前端加nginx进行代理,本文介绍如何配置。 本文内容基于山海鲸可视化软件操作,您可先免费下载山海鲸可视化后再阅读本文。 下载山海鲸可视化软件

山海鲸可视化以及山海鲸浏览器内部都集成了一个Web服务器,用来实现大屏的本地分享链接在网页浏览器中查看。这个Web服务器之前前端架设nginx进行代理,有两种方式,下面分别介绍。

注意:以下方式适用于山海鲸可视化、山海鲸浏览器、山海鲸浏览器(无桌面版),不适用于山海鲸的托管服务。

1. 代理单个大屏

代理单个大屏,意思是通过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/;
    }
}

 

2. 代理整个Web服务器

代理整个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/;
    }
}

 

校园智慧教学平台 智慧校园管理系统软件 cesium加载3dtiles 大数据可视化场景 智慧党建 cesium开源三维地球 可视化图表 智慧景区旅游 农业保险可视化大屏 智慧城市网格化管理平台

做数字孪生大屏,就用山海鲸

顶级视效 | 自由编辑 | 二次开发

免费下载