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

7ec58fa3d68e59fcdc990c1c13b2d796.png

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

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

chargeRequest事件

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

思路图

92c68b2b61aa6b5c18238aa71241985d.png

Keys添加信息

7afbe38800164aa14f07910d3797c01c.png

服务器名称列表

89d4082e5e81b307ab4096ee99be9e72.png

chargeRequest事件代码

0b4d1f7ef12b132405dcde2d0be6d779.png

继续编写

7d1343b4ca258b3a447ef32c3172a62c.png

对外暴露方法

bb08fc2e607373140965c198276c9d7a.png

准备测试页面

1a10ffdd9aec7ea2e642c18c3832e787.png

页面代码

3299957c50e0adb3cf69d1de8923a63e.png

访问地址

46dd58a8ed02c215d52e237e1c840596.png

页面效果

8c647aa5928fc1428373b5e3bc07da27.png

点击按钮发送数据

65396c23d3a9b9de243dfe2e078fda9b.png

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

5b9754f747e0294aa1c4af9b8072d874.png

执行看下配置是否出错

e569f4f669f41820c1ee52e2738e0323.png

重新生成下配置

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

6e274a92d6d01fcda3209b3c9afcccba.png

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

b4fac9d6495055d124606a2eef1879a1.png

监控日志信息

f4d17944b6589848ca0bf912c5d6cd8a.png

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

040479e2f9ebc48940fbe069922e340c.png

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

b94a780f8bcae61d1ffca10e67131d9b.png

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

e98579c02daa1b763d6dec40d0b6a36e.png

每个页面都做一下更改

a2ed4b0f4af1a47b26b328cb20218699.png

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

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

a947ccf923d62e4113b21ed083df1d23.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值