js页面触发chargeRequest事件和Nginx获取日志信息

Nginx日志与chargeRequest事件
本文详细介绍了如何使用chargeRequest事件记录用户订单行为,并通过Nginx服务器生成access.log日志,包括事件代码编写、日志格式解析及Nginx配置修改等内容。

注:图片如果损坏,点击文章链接:https://www.toutiao.com/i6814836302966424072/

承接上一篇文档《js页面触发pageView和event事件编写

chargeRequest事件

该事件的主要作用是记录用户产生订单的行为/数据

思路图

js页面触发chargeRequest事件和Nginx获取日志信息

 

Keys添加信息

js页面触发chargeRequest事件和Nginx获取日志信息

 

服务器名称列表

js页面触发chargeRequest事件和Nginx获取日志信息

 

chargeRequest事件代码

js页面触发chargeRequest事件和Nginx获取日志信息

 

继续编写

js页面触发chargeRequest事件和Nginx获取日志信息

 

对外暴露方法

js页面触发chargeRequest事件和Nginx获取日志信息

 

准备测试页面

js页面触发chargeRequest事件和Nginx获取日志信息

 

页面代码

js页面触发chargeRequest事件和Nginx获取日志信息

 

访问地址

 

js页面触发chargeRequest事件和Nginx获取日志信息

 

页面效果

js页面触发chargeRequest事件和Nginx获取日志信息

 

点击按钮发送数据

js页面触发chargeRequest事件和Nginx获取日志信息

 

 

Nginx日志生成

JsSDK生成日志数据,发送到Nginx服务器上,由Nginx将日志数据写入到access.log日志文件中

日志格式:$remote_addr^A$msec^A$http_host^A$request_uri

$remote_addr^A ---- ip地址

$msec^A ----访问时间,时间戳,毫秒

$http_host^A ----所访问的主机名

$request_uri ---用户请求参数,从客户端捕获到的用户行为数据都会封装到这个字段里

我们打开服务器将Nginx配置nginx.conf更改

js页面触发chargeRequest事件和Nginx获取日志信息

 

执行看下配置是否出错

js页面触发chargeRequest事件和Nginx获取日志信息

 

重新生成下配置

报错了:nginx: [error] invalid PID number "" in "/run/nginx.pid"

js页面触发chargeRequest事件和Nginx获取日志信息

 

如果出错解决,不出错可以直接跳过

js页面触发chargeRequest事件和Nginx获取日志信息

 

监控日志信息

js页面触发chargeRequest事件和Nginx获取日志信息

 

更改程序中的url地址为服务器地址

js页面触发chargeRequest事件和Nginx获取日志信息

 

重新点击页面可以生成日志信息

js页面触发chargeRequest事件和Nginx获取日志信息

 

为了后面方便,我们将代码部署到服务器上,将页面更改一下

js页面触发chargeRequest事件和Nginx获取日志信息

 

每个页面都做一下更改

js页面触发chargeRequest事件和Nginx获取日志信息

 

打包部署到服务器上就可以测试数据了

代码在云盘上,下载就可以了

js页面触发chargeRequest事件和Nginx获取日志信息

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值