时间: 2020-10-15|37次围观|0 条评论

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

2020-04-12 23:37
来源:分享电脑学习

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

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

chargeRequest事件

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

思路图

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

Keys添加信息

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

服务器名称列表

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

chargeRequest事件代码

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

继续编写

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

对外暴露方法

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

准备测试页面

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

页面代码

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

访问地址

http://localhost:8080/itemlog/chargeRequest.html

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

页面效果

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

点击按钮发送数据

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

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获取日志信息插图11

执行看下配置是否出错

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

重新生成下配置

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

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

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

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

监控日志信息

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

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

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

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

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

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

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

每个页面都做一下更改

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

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

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

js页面触发chargeRequest事件和Nginx获取日志信息插图20返回搜狐,查看更多

责任编辑:

声明:该文观点仅代表作者本人,搜狐号系信息发布平台,搜狐仅提供信息存储空间服务。
阅读 ()

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了,原文地址《js页面触发chargeRequest事件和Nginx获取日志信息
   

还没有人抢沙发呢~