為了提高服務的訪問速度，減輕geoserver服務的壓力，同時避免服務節(jié)點出現(xiàn)問題而影響服務訪問的穩(wěn)定性，我們通常會通過部署多個geoserver來解決，但是部署了多個geoserver后，我們需要一個統(tǒng)一的接口提供出來供使用，nginx很好地可以這樣的需求，本文講講如何通過nginx實現(xiàn)多geoserver服務的負載均衡。

實現(xiàn)效果

實現(xiàn)

1. 多geoserver部署

為了保持geoserver的服務一致，我們先配置好一個geoserver服務，配置好之后將部署的Tomcat復制，克隆多個出來，本文為演示復制了兩個（共三個geoserver），修改Tomcat的端口，使三個端口不沖突，復制好之后分別啟動三個Tomcat。

2. nginx配置

修改nginx.conf文件，配置信息如下：

#user ?nobody;
worker_processes ?1;

#error_log ?logs/error.log;
#error_log ?logs/error.log ?notice;
#error_log ?logs/error.log ?info;

#pid ? ? ? ?logs/nginx.pid;


events {
? ? worker_connections ?1024;
}


http {
? ? include ? ? ? mime.types;
? ? default_type ?application/octet-stream;

? ? #log_format ?main ?'$remote_addr - $remote_user [$time_local] "$request" '
? ? # ? ? ? ? ? ? ? ? ?'$status $body_bytes_sent "$http_referer" '
? ? # ? ? ? ? ? ? ? ? ?'"$http_user_agent" "$http_x_forwarded_for"';

? ? #access_log ?logs/access.log ?main;

? ? sendfile ? ? ? ?on;
? ? #tcp_nopush ? ? on;

? ? #keepalive_timeout ?0;
? ? keepalive_timeout ?65;

? ? #gzip ?on;
?? ?
?? ?# 反向代理配置
?? ?upstream server_list{
?? ? ? # 這個是tomcat的訪問路徑
?? ? ? server localhost:8081;
?? ? ? server localhost:8082;
?? ? ? server localhost:8083;
?? ?}
? ? server {
?? ??? ?listen ? ? ? 80;
?? ? ? ?server_name ?localhost;
?? ??
?? ??? ?location / {
?? ??? ??? ?add_header 'Access-Control-Allow-Origin' $http_origin;
?? ??? ??? ?add_header 'Access-Control-Allow-Credentials' 'true';
?? ??? ??? ?add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
?? ??? ??? ?add_header 'Access-Control-Allow-Headers' 'DNT,web-token,app-token,Authorization,Accept,Origin,Keep-Alive,User-Agent,X-Mx-ReqToken,X-Data-Type,X-Auth-Token,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
?? ??? ??? ?add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
?? ??? ??? ?if ($request_method = 'OPTIONS') {
?? ??? ??? ??? ?add_header 'Access-Control-Max-Age' 1728000;
?? ??? ??? ??? ?add_header 'Content-Type' 'text/plain; charset=utf-8';
?? ??? ??? ??? ?add_header 'Content-Length' 0;
?? ??? ??? ??? ?return 204;
?? ??? ??? ?}
?? ??? ??? ?root ? html;
?? ??? ??? ?proxy_pass http://server_list;
?? ? ? ? ? ?index ?index.html index.htm;
?? ??? ?}
?? ??? ?
?? ??? ?error_page ? 500 502 503 504 ?/50x.html;
?? ??? ?location = /50x.html {
?? ??? ??? ?root ? html;
?? ??? ?}
?? ?}
}

配置好nginx后，啟動nginx。

3. 前端調(diào)用

根據(jù)上述的配置，nginx的端口為80，因此geoserver的地址為http://localhost/geoserver,在ol中的調(diào)用代碼如下：

<!doctype html>
<html lang="en">
<head>
? <meta charset="UTF-8">
? <title>OpenLayers map preview</title>
? <link rel="stylesheet" href="lib/ol/ol.css" rel="external nofollow"  type="text/css">
? <link rel="stylesheet" href="css/common.css" rel="external nofollow" >
? <script src="../ol5/ol.js" type="text/javascript"></script>
</head>
<body>
<div id="map" class="map"></div>
<script>
? const options = {
? ? center: [52102781.07568731, 4456849.777083951],
? ? zoom: 3,
? ? minZoom: 0,
? ? maxZoom: 18
? }

? const base = new ol.layer.Tile({
? ? visible: true,
? ? source: new ol.source.OSM()
? });
? const wms = new ol.layer.Tile({
? ? source: new ol.source.TileWMS({
? ? ? url: 'http://localhost/geoserver/mapbox/wms',
? ? ? params: {'LAYERS': 'mapbox:city', 'TILED': true},
? ? ? serverType: 'geoserver',
? ? ? transition: 0
? ? })
? })

? window.map = new ol.Map({
? ? controls: ol.control.defaults({
? ? ? attribution: false
? ? }).extend([new ol.control.ScaleLine()]),
? ? target: 'map',
? ? layers: [base, wms],
? ? view: new ol.View({
? ? ? center: options.center,
? ? ? zoom: options.zoom,
? ? ? minZoom: options.minZoom,
? ? ? maxZoom: options.maxZoom
? ? })
? });
</script>
</body>
</html>

到此這篇關于nginx實現(xiàn)多geoserver服務的負載均衡的示例代碼的文章就介紹到這了,更多相關nginx 多geoserver負載均衡內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: