摩拜单车项目03--Nginx

最新推荐文章于 2021-11-15 10:26:54 发布
最新推荐文章于 2021-11-15 10:26:54 发布
阅读量306 收藏
点赞数
分类专栏： 大数据分布式开发 Scala 文章标签： Nginx kafka
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42581821/article/details/99540785
版权

文章目录

Nginx

摩拜单车整体流程

在这里插入图片描述

简介

百度百科
Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。
Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，在BSD-like 协议下发行。其特点是占有内存少，并发能力强，事实上nginx的并发能力确实在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等

安装

下载

http://nginx.org/

安装

1.上传nginx安装包
2.解压nginx
tar -zxvf nginx-1.18.1.tar.gz -C /usr/local/src/
3.进入到nginx的源码目录
cd /usr/local/src/nginx-1.18.1/
4.预编译
./configure
5.安静gcc编译器
yum -y install gcc pcre-devel openssl openssl-devel
6.然后再执行
./configure
7.编译安装nginx，nginx被安装到/usr/local/nginx目录；/usr/local/src/nginx是源码，编译安装后可以删除。
make && make install
8.启动nginx
sbin/nginx
9.查看nginx进程
ps -ef | grep nginx
在这里插入图片描述
netstat -anpt | grep nginx
在这里插入图片描述
在这里插入图片描述

安装目录

在这里插入图片描述

配置负载均衡

将服务发布到多台机器

将springboot程序部署在多台服务器上，然后启动springboot
启动:java -jar niubike-0.0.1-SNAPSHOT.war >> ./logs 2>&1 &

修改nginx的配置文件，让nginx实现负载均衡功能
vi /usr/local/nginx/conf/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 tomcats { 
        server n1:8888 weight=1;
        server n2:8888 weight=1;
        server n3:8888 weight=1;
    }

    server {
        listen       80;
        # 服务的名字随意
        server_name  n1;
	
        location ~ .* {
    	    proxy_pass http://tomcats;
	}
}

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

安装kafka插件

老的方案：通过flume将nignx中的日志文件采集到kafka中。
目的：将nginx中产生的日志直接存储到kafka。

安装nginx-kafka插件

1.安装git
yum install -y git
2.切换到/usr/local/src目录，然后将kafka的c客户端源码clone到本地
cd /usr/local/src
git clone https://github.com/edenhill/librdkafka
3.进入到librdkafka，然后进行编译
cd librdkafka
#克隆kafka的c,c++的客户端源码包到本地
yum install -y gcc gcc-c++ pcre-devel zlib-devel
./configure
make && make install
4.安装nginx整合kafka的插件，进入到/usr/local/src，clone nginx整合kafka的源码
cd /usr/local/src
#克隆kafka插件源码包到本地
git clone https://github.com/brg-liuwei/ngx_kafka_module

5.进入到nginx的源码包目录下 （编译nginx，然后将将插件同时编译）
cd /usr/local/src/nginx-1.12.2
#configure的本质就是预编译，检测是否缺少插件。
./configure --add-module=/usr/local/src/ngx_kafka_module/
make && make install

6.修改nginx的配置文件，详情请查看当前目录的nginx.conf

#user  nobody;
worker_processes  1;

events {
    worker_connections  1024;
}

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

    sendfile        on;

    keepalive_timeout  65;
    #gzip  on;
    
    kafka;
    kafka_broker_list n1:9092 n2:9092 n3:9092; 	
    
    server {
        listen       80;
        server_name  n2;
        #charset koi8-r;
        #access_log  logs/host.access.log  main;

    	location = /kafka/track {
                kafka_topic track;
        }

    	location = /kafka/user {
                kafka_topic user;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

7.启动zk和kafka集群(创建topic)
/appdata/zookeeper/bin/zkServer_all.sh start
启动:/appdata/kafka/bin/kafka-server-start.sh -daemon /appdata/kafka/config/server.properties
创建topic:/appdata/kafka/bin/kafka-topics.sh --create --zookeeper n1:2181,n2:2181,n3:2181 --replication-factor 3 --partitions 3 --topic user
/appdata/kafka/bin/kafka-topics.sh --create --zookeeper n1:2181,n2:2181,n3:2181 --replication-factor 3 --partitions 3 --topic track
查看topic:/appdata/kafka/bin/kafka-topics.sh --describe --zookeeper n1:2181,n2:2181,n3:2181 --topic user
在这里插入图片描述
8.启动nginx，报错，找不到kafka.so.1的文件
error while loading shared libraries: librdkafka.so.1: cannot open shared object file: No such file or directory
在/usr/local/nginx启动，sbin/nginx -h
在这里插入图片描述
9.加载so库
echo “/usr/local/lib” >> /etc/ld.so.conf
ldconfig

10.测试，向nginx中写入数据，然后观察kafka的消费者能不能消费到数据
curl localhost/kafka/track -d “message send to kafka topic”
curl localhost/kafka/track -d “老赵666”
在这里插入图片描述
11.查看数据
启动Kafka客户端（0.8版本启动方式）：
/appdata/kafka/bin/kafka-console-consumer.sh --zookeeper n1:2181,n2:2181,n3:2181 --topic track --from-beginning
在这里插入图片描述

微信小程序对接nginx-kafka

在这里插入图片描述
在一个kafka客户端中，观看日志数据采集的情况。
在这里插入图片描述
index.js

//index.js

Page({

  /**
     * 页面的初始数据
     */
  data: {
    //该页面中的两个变量
    latitude: 0,
    longitude: 0,
    //控件的变量，数组类型
    controls: [],
    //显示的单车
    markers: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //将当前对象赋给that，就是获取当前信息的拷贝。
    var that = this;
    //获取当前的位置信息
    wx.getLocation({
      //如果获取成功，会调用success
      success: function (res) {
        var lat = res.latitude;
        var log = res.longitude;
        //查找附近的单车
        wx.request({
          url: "http://localhost:8888/bikes",
          method: 'GET',
          success: function (res) {
            const bikes = res.data.map((item) => {
              return {
                id: item.id,
                iconPath: "/image/bike.png",
                width: 35,
                height: 40,
                latitude: item.latitude,
                longitude: item.longitude
              };
            });
            // 修改data里面的markers
            that.setData({
              markers: bikes,
              latitude: lat,
              longitude: log
            });
          }
        })
        //console.log("纬度" + lat + "经度" + log)
      }
    });

    //创建一个map上下文，如果想要调用地图相关的方发
    that.mapCtx = wx.createMapContext('map');

    //在地图页中加入按钮（归位、扫描、充值）
    //获取当前设备的信息，获取屏幕的宽高
    wx.getSystemInfo({
      success: function (res) {
        //屏幕高
        var height = res.windowHeight;
        //屏幕宽
        var width = res.windowWidth;
        //往页面中设置数据
        that.setData({
          controls: [{
            //中心点位置
            id: 1,
            iconPath: '/image/location.png',
            position: {
              width: 20,
              height: 35,
              left: width / 2 - 10,
              top: height / 2 - 35.
            },
            //是否可点击
            clickable: true
          },{
            //定位按钮安置
            id: 2,
            iconPath: '/image/img1.png',
            position: {
              width: 40,
              height: 40,
              left: 20,
              top: height - 60.
            },
            //是否可点击
            clickable: true
          }, {
            //扫码按钮
            id: 3,
            iconPath: '/image/qrcode.png',
            position: {
              width: 100,
              height: 40,
              left: width / 2 - 50,
              top: height - 60.
            },
            //是否可点击
            clickable: true
          }, {
            //充值按钮
            id: 4,
            iconPath: '/image/pay.png',
            position: {
              width: 40,
              height: 40,
              left: width - 45,
              top: height - 60.
            },
            //是否可点击
            clickable: true
          }, { //手动添加一辆单车的按钮
            id: 5,
            iconPath: "/image/bike.png",
            position: {
              width: 35,
              height: 40,
            },
            //是否可点击
            clickable: true
          }]
        })
      },
    })
  }, 

  

  //在地图中绑定的事件
  contap(e) {
    //console.log(e)
    var that = this;
    if (e.controlId == 2) {
      //点击定位当前位置
      that.mapCtx.moveToLocation();
    }
    if (e.controlId == 3) {
      //点击扫描按钮
      wx.scanCode({
        success: function (r) {
          //扫描成功获取二维码的信息
          var code = r.result;
          //向后台发送请求
          wx.request({
            //method: 'POST',
            url: 'http://localhost:8888/bike', //仅为示例，并非真实的接口地址
            data: {
              qrCode: code,
              status: 0,
              latitude: that.data.latitude,
              longitude: that.data.longitude
            },
            header: {
              'content-type': 'application/json' // 默认值
            },
            success: function (res) {
              console.log(res.data)
            }
          })
        }
      })
    }
    if (e.controlId == 5) {
      //添加车辆的按钮
      that.mapCtx.getCenterLocation({
        success: function (res) {
          var lat = res.latitude;
          var log = res.longitude;
          wx.request({
            url: "http://localhost:8888/bike",
            method: 'POST',
            data: {
              latitude: lat,
              longitude: log
            },
            success: function () {
              //向后台发送请求，将单车查找出来
              wx.request({
                url: "http://localhost:8888/bikes",
                method: 'GET',
                success: function (res) {
                  const bikes = res.data.map((item) => {
                    return {
                      id: item.id,
                      iconPath: "/image/bike.png",
                      width: 35,
                      height: 40,
                      latitude: item.latitude,
                      longitude: item.longitude
                    };
                  });
                  // 修改data里面的markers
                  that.setData({
                    markers: bikes
                  });
                }
              })
            }
          })
        }
      })
    }
  },
  

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    //在这个事件中，记录用户的行为，然后发送到后台的服务器
    //获取当前位置
    wx.getLocation({
      success: function (res) {
        //纬度
        var lat = res.latitude;
        //经度
        var log = res.longitude;
        //从本地存储中取出唯一身份标识
        var openid = wx.getStorageSync('openid')
        //发送request向mongo中添加数据（添加一条文档（json））
        wx.request({
          //用POST方式请求es可以只指定index和type，不用指定id
          url: "http://192.168.145.202/kafka/user",
          data: {
            time: new Date(),
            openid: openid,
            lat: lat,
            log: log
          },
          method: "POST"
        })
      },
    })
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }

})

index.wxml

<!--index.wxml
  显示地图，其实是一般map标签
  40.138000,116.264110
  controls:地图中的控件按钮（图片）
  markers:后台请求的数据
  bindcontroltap:绑定事件
  bindregionchange: 视野发生变化时触发
-->
<map id="map"
 latitude="{{latitude}}"
 longitude="{{longitude}}"
 controls="{{controls}}" 
 markers="{{markers}}" 
 scale="17" 
 show-location 
 style="width: 100%; height:100%"
 bindcontroltap="contap"
 bindregiοnchange="regionchange"
></map>
initializeliu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ingress-nginx-controller-1.9.yaml
10-18
对于 "nginx-tomcat-svc-ingress.yaml" 和 "nginx-tomcat-deploy.yaml"，同样使用 `kubectl apply` 命令进行部署，以启动 Tomcat 应用并设置其 Ingress 规则。 验证配置是否生效的方法有很多，例如，你可以使用 `...
lua-nginx-module-0.10.13
07-18
《深入理解Lua-Nginx-Module 0.10.13》 Lua-Nginx-Module，简称lua-nginx-module，是Nginx服务器的一个重要扩展模块，它将强大的Lua脚本语言集成到Nginx中，允许用户在Nginx配置文件中直接编写Lua代码，极大地增强...
摩拜单车项目01
weixin_42581821的博客
08-12 544
文章目录相关的技术 相关的技术 1.微信小程序开发（） 2.springboot后台管理（） 3.mysql（集群）（） 4.mongdb(集群)（） 5.redis(集群)（） 6.Elasticsearch(实时查找和数据分析)() 7.Spark(Spark core, SQL,streaming)() 8.Nginx（负载均衡)() ...
nginx安装
weixin_40213018的博客
11-15 1533
CentOS7安装Nginx - boonya - 博客园文章转自：https://www.cnblogs.com/liujuncm5/p/6713784.html 安装所需环境 Nginx 是 C语言 开发，建议在 Linux 上运行，当然，也可以安装 Whttps://www.cnblogs.com/boonya/p/7907999.html
一个商业安卓APP（摩拜单车）所用到的开源项目
Yiwent的博客
06-08 5583
解压膜拜单车APP的的安装包,研究其使用的开源项目或者说框架
数据分析 NO.16 摩拜单车数据分析项目
TeddyBob的博客
06-05 2623
摩拜单车数据分析项目
HttpClient接口测试（详解加token传递实战）
sunnygao的博客
09-21 6075
文章目录HttpClient 接口测试1.Get请求 操作步骤1.1无参数2.Post请求2.1有Form形式的参数2.2JSON形式的参数3.注意事项4.排查思路5.HttpClient+Java+TestNG接口测试实战6、Java正则表达式Pattern和Matcher1.抓取文本内容（txt）2.抓取页面（html）HttpClient综合实战（token传递） HttpClient 接口测试 1.Get请求 操作步骤 ​ get请求第一种情况接受参数，第二种情况传参 1.1无参数 Stri
摩拜单车项目05-Redis集群
weixin_42581821的博客
08-18 207
文章目录业务 业务
摩拜单车项目06-mongo集群-mysql集群
weixin_42581821的博客
08-19 217
保修与骑行模块 mongo集群搭建 mysql集群搭建
ingress-nginx-controller（含镜像和代码）.rar
10-28
ingress-nginx-controller 是 Kubernetes 社区维护的一个项目，它提供了对 Ingress 资源的实现，使得可以通过定义简单的 YAML 文件来管理对外暴露的服务路由。Nginx 作为业界广泛使用的高性能反向代理服务器，其稳定...
fastdfs-nginx-module.zip
03-22
在这个场景下，`fastdfs-nginx-module.zip`扮演着关键的角色，它是FastDFS与Nginx之间的重要桥梁。 FastDFS通常与Nginx结合使用，Nginx作为一个强大的反向代理和负载均衡服务器，负责接收HTTP请求，然后将这些请求...
fastdfs-nginx-module-1.24
02-07
《FastDFS-Nginx-Module 1.24：高效文件服务器集成详解》 FastDFS-nginx-module 1.24 是一个针对 FastDFS 文件系统的 Nginx 模块，它使得 Nginx 可以无缝地与 FastDFS 集成，提供了高效的文件上传、下载服务。这一...
Spark_08
weixin_42581821的博客
08-15 3232
文章目录
摩拜单车项目02--MongoDB
weixin_42581821的博客
08-13 629
文章目录Mongo Mongo
Hive
weixin_42581821的博客
07-18 419
文章目录HiveHIVE是什么？HIVE的用途？安装mysql数据库卸载mysql安装mysqlHIVE的使用方式？本地交互式查询（一）将hive启动为一个服务（二）beeline配置远程连接将hive作为命令运行（三）可以将hive作为命令一次性运行：可以将较长语句写入一个xxx.sh脚本中HIVE的DDL语法建库建内部表建外部表删除表导入数据建分区表插入数据到指定分区HIVE的DMLHIVE的...
zookeeper
weixin_42581821的博客
07-15 393
zookeeper 数据存储形式 zookeeper中对用户的数据采用kv形式存储,只是zk有点特别： key：是以路径的形式表示的，那就以为着，各key之间有父子关系，比如 / 是顶层key 用户建的key只能在/ 下作为子节点，比如建一个key： /aa 这个key可以带value数据 也可以建一个key： /bb 也可以建key： /aa/xx zookeeper中，对每一个数据key...
ElasticSearch
weixin_42581821的博客
07-26 255
文章目录Lucene简介工作流程示意图Lucene的Lucene的查询总结 Lucene 简介 Lucene是apache软件基金会4 jakarta项目组的一个子项目，是一个开放源代码的全文检索引擎工具包，但它不是一个完整的全文检索引擎，而是一个全文检索引擎的架构，提供了完整的查询引擎和索引引擎，部分文本分析引擎。 Lucene的目的是为软件开发人员提供一个简单易用的工具包，以方便的在目标系统中...
Hadoop01
weixin_42581821的博客
07-07 241
文章目录 大数据基本概念        在互联网技术发展到现今阶段，大量日常、工作等事务产生的数据都已经信息化，人类产生的数据量相比以前有了爆炸式的增长，以前的传统的数据处理技术已经无法胜任，需求催生技术，一套用来处理海量数据的软件工具应运而生，这就是大数据！ 处理海量数据的核心技术： 海量数据存储：分布式 海量数据运算：分布式 这些核心技术的实现是不需要用...
nginx -t nginx -s reload
最新发布
03-12
nginx -t是用于检查nginx配置文件语法是否正确的命令。当我们修改了nginx的配置文件后，可以使用nginx -t命令来验证配置文件的正确性，以避免在重启nginx时出现错误。 nginx -s reload是用于重新加载nginx配置文件...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值