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地址爲服務器地址

 

重新點擊頁面可以生成日誌信息

 

爲了後面方便，我們將代碼部署到服務器上，將頁面更改一下

 

每個頁面都做一下更改

 

打包部署到服務器上就可以測試數據了

代碼在雲盤上，下載就可以了