乐趣区

关于大数据:使用Nginx做页面采集-Kafka收集到对应Topic

0. 架构简介

模仿线上的实时流,比方用户的操作日志,采集到数据后,进行解决,临时只思考数据的采集,应用 Html+Jquery+Nginx+Ngx_kafka_module+Kafka 来实现,其中 Ngx_kafka_module 是开源的专门用来对接 Nginx 和 Kafka 的一个组件。

1. 需要形容

1.1 用 htmljquery 模仿用户申请日志

其中包含上面上面几项:

用户 id:user_id, 拜访工夫:act_time, 操作: (action, 包含 click,job_collect,cv_send,cv_upload)

企业编码 job_code

1.2 用 Nginx 承受 1.1 中的申请

1.3 承受完申请后,应用 ngx_kafka_module 将数据发送到 Kafka 的主题 tp_individual 中。

1.4 在 kafka 中应用一个消费者生产该主题,察看

2. 搭建步骤

2.1 Kafka 装置

因为应用现成的已装置好的 docker-kafka 镜像,所以间接启动即可.

2.2 装置 Nginx,并启动

$ cd /usr/local/src
$ git clone git@github.com:edenhill/librdkafka.git
# 进入到 librdkafka,而后进行编译
$  cd librdkafka
$  yum install -y gcc gcc-c++ pcre-devel zlib-devel
$  ./configure
$  make && make install

$ yum -y install make zlib-devel gcc-c++ libtool openssl openssl-devel
$ cd /opt/hoult/software
# 1. 下载
$ wget http://nginx.org/download/nginx-1.18.0.tar.gz
# 2. 解压
$ tar -zxf nginx-1.18.0.tar.gz -C /opt/hoult/servers
# 3. 下载模块源码
$ cd /opt/hoult/software
$ git clone git@github.com:brg-liuwei/ngx_kafka_module.git
# 4. 编译
$ cd /opt/hoult/servers/nginx-1.18.0
$ ./configure --add-module=/opt/hoult/software/ngx_kafka_module/
$ make && make install 
# 5. 删除 Nginx 安装包
$ rm /opt/hoult/software/nginx-1.18.0.tar.gz
# 6. 启动 nginx
$ cd /opt/hoult/servers/nginx-1.18.0
$ nginx 

3. 相干配置

3.1 nginx 配置 nginx.conf

#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;

    kafka;
    kafka_broker_list linux121:9092;

    server {
        listen       9090;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        #------------kafka 相干配置开始 ------------
        location = /kafka/log {
                #跨域相干配置
                add_header 'Access-Control-Allow-Origin' $http_origin;
                add_header 'Access-Control-Allow-Credentials' 'true';
                add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

                kafka_topic tp_individual;
        }

        #error_page  404              /404.html;
    }

}

3.2 启动 kafka 生产者和消费者

# 创立 topic
kafka-topics.sh --zookeeper linux121:2181/myKafka --create --topic tp_individual --partitions 1 --replication-factor 1
# 创立消费者
kafka-console-consumer.sh --bootstrap-server linux121:9092 --topic tp_individual --from-beginning
# 创立生产者测试
kafka-console-producer.sh --broker-list linux121:9092 --topic tp_individual 

3.3 编写 Html + Jquery 代码

<!DOCTYPE html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">
        <title>index</title>
        <!-- jquery cdn, 可换其余 -->
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    </head>
    <body>
        <input id="click" type="button" value="点击" onclick="operate('click')" />
        <input id="collect" type="button" value="珍藏" onclick="operate('job_collect')" />
        <input id="send" type="button" value="投简历" onclick="operate('cv_send')" />
        <input id="upload" type="button" value="上传简历" onclick="operate('cv_upload')" />
    </body>

    <script>

        function operate(action) {var json = {'user_id': 'u_donald', 'act_time': current().toString(), 'action': action, 'job_code': 'donald'};

            $.ajax({
                url:"http://linux121:8437/kafka/log",
                type:"POST" ,
                crossDomain: true,
                data: JSON.stringify(json),
                // 上面这句话容许跨域的 cookie 拜访
                xhrFields: {withCredentials: true},
                success:function (data, status, xhr) {// console.log("操作胜利:'" + action)
                },
                error:function (err) {// console.log(err.responseText);
                }
            });
        };

        function current() {var d   = new Date(),
                str = '';
            str += d.getFullYear() + '-';
            str += d.getMonth() + 1 + '-';
            str += d.getDate() + ' ';
            str += d.getHours() + ':';
            str += d.getMinutes() + ':';
            str += d.getSeconds();
            return str;
        }
    </script>

</html>

a.html 放在 nginx 的目录下,浏览器拜访 192.168.18.128:9090

4. 演示

4.1 首先启动 zk 集群,kafka 集群

4.2 而后创立 topic, 创立消费者,创立生产者,测试 topic

4.3 启动 nginx 拜访页面,进行点击,察看消费者状态

整个过程如下图:


吴邪,小三爷,混迹于后盾,大数据,人工智能畛域的小菜鸟。
更多请关注

退出移动版