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

Posted 那山的狐狸

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js页面触发chargeRequest事件和Nginx获取日志信息相关的知识,希望对你有一定的参考价值。

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

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

chargeRequest事件

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

思路图

技术图片

 

Keys添加信息

技术图片

 

服务器名称列表

技术图片

 

chargeRequest事件代码

技术图片

 

继续编写

技术图片

 

对外暴露方法

技术图片

 

准备测试页面

技术图片

 

页面代码

技术图片

 

访问地址

 

技术图片

 

页面效果

技术图片

 

点击按钮发送数据

技术图片

 

 

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更改

技术图片

 

执行看下配置是否出错

技术图片

 

重新生成下配置

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

技术图片

 

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

技术图片

 

监控日志信息

技术图片

 

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

技术图片

 

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

技术图片

 

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

技术图片

 

每个页面都做一下更改

技术图片

 

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

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

技术图片

以上是关于js页面触发chargeRequest事件和Nginx获取日志信息的主要内容,如果未能解决你的问题,请参考以下文章

js如何在页面滚动到一定位置时触发事件?

JS 页面加载触发事件 document.ready和onload的区别

通过js触发onPageView和event事件获取页面信息

HTML中页面加载中或前触发的事件怎么写

JS 页面加载触发事件 document.ready和onload的区别

JS 页面加载触发事件 document.ready和onload的区别