js頁面觸發chargeRequest事件和Nginx獲取日誌信息

2020-12-24 分享電腦學習

承接上一篇文檔《js頁面觸發pageView和event事件編寫》

chargeRequest事件

該事件的主要作用是記錄用戶產生訂單的行為/數據

思路圖

Keys添加信息

伺服器名稱列表

chargeRequest事件代碼

繼續編寫

對外暴露方法

準備測試頁面

頁面代碼

訪問地址

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

頁面效果

點擊按鈕發送數據

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地址為伺服器地址

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

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

每個頁面都做一下更改

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

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

相關焦點

  • Nginx在高並發下的性能優化點!有這篇就夠了!
    ; worker_connections 65535; multi_accept on;}nginx採用epoll事件模型，處理效率高。我們也可以把這個設置低些，如果超過這個時間沒有發送任何數據，nginx將返回request time out的錯誤。client_body_timeout設置請求體的超時時間。我們也可以把這個設置低些，超過這個時間沒有發送任何數據，和上面一樣的錯誤提示。
  • 如何使用 K8s 兩大利器"審計"和"事件"幫你擺脫運維困境?
    日誌，作為實現軟體可觀測性的三大支柱之一，為了解系統運行狀況，排查系統故障提供了關鍵的線索，在運維管理中起著至關重要的作用。Kubernetes 提供了兩種原生的日誌形式——審計（Audit）和事件（Event），它們分別記錄了對於集群資源的訪問以及集群中發生的事件信息。
  • Nest.js:給你看個不一樣的 Node.js
    看下官方給的簡介，NestJs 模塊化的體系結構，允許開發者使用任何其他的庫，從而提供靈活性；為 Nodejs 提供一個適應性強大的生態系統；利用最新的js特性，為 nodejs 提供更加方便的設計模式和成熟的解決方案。
  • Django實戰:與Chart.js聯用做出精美的圖表
    ': labels, 'data': data, })基本上在上面的視圖中，我們遍歷Cityqueryset並構建的列表labels和 data。): return render(request, 'home.html')def population_chart(request): labels = [] data = [] queryset = City.objects.values('country__name').annotate(country_population=Sum('population
  • Fabric.js 1.7.7 發布,簡易 JavaScript Canvas 庫
    Fabric.js 1.7.7 發布了，Fabric.js 是一款簡單而強大的 JavaScript Canvas 庫，在 HTML5 Canvas 元素之上提供了互動的對象模型，同時還包含
  • Codegate CTF和HackTM CTF的兩個web題解
    /bin/bashservice nginx stopmv /etc/nginx/sites-enabled/default /tmp/mv /tmp/nginx-flask.conf /etc/nginx/sites-enabled/flaskservice nginx restartuwsgi /home/src/uwsgi.ini
  • Springboot中登錄後關於cookie和session攔截案例
    2、每次登錄的時候都要進資料庫校驗下帳戶名和密碼，只是加了cookie 或session驗證後；比如登錄頁面A，登錄成功後進入頁面B，若此時cookie過期，在頁面B中新的請求url到頁面c,系統會讓它回到初始的登錄頁面。（類似單點登錄sso（single sign on））。
  • 使用open-webkit-sharp打開報表頁面,實現js腳本對C 代碼的調用
    下載open-webkit-sharp資源，然後將Cores文件夾和References文件夾下的所有文件拷貝到項目所在路徑下，然後把Binary文件夾析的文件全部拷貝到項目所在路徑下(如果使用的是Framework2.0的框架則複製Binary NET2下面的文件)。
  • JVM Young GC模擬觸發和日誌查看
    5120k 初始新生代(年輕代)大小5M-XX:MaxNewSize=5120k 最大新生代(年輕代)大小5M-XX:InitialHeapSize=10240k 初始堆大小10M-XX:MaxHeapSize=10240k 最大堆大小10M-XX:SurvivorRatio=8 年輕代eden區和兩個
  • Nginx 1.13.4 發布,新增 ngx_http_mirror_module 模塊
    配置示例location / {    mirror /mirror;    proxy_pass http://backend;}location /mirror {    internal;    proxy_pass http://test_backend$request_uri;}Directives
  • 俠行天下奇遇事件怎麼觸發 六大奇遇事件觸發攻略
    俠行天下奇遇事件怎麼觸發，六大奇遇事件觸發攻略。俠行天下全新仙俠遊戲，畫面精美，暢爽戰鬥。很多小夥伴都想只有遊戲裡的眾多奇遇怎麼觸發，所以小編今天帶來的就是奇遇的觸發方法以及奇遇的攻略，還不知道如何獲得更多寶貝的小夥伴們快來看看吧!
  • 微幕小程序增強版微信小程序添加激勵視頻廣告和插屏廣告
    關於技術宅的小程序多端小程序方案，曾經在《百度智能小程序折騰記》有寫，今天，技術宅給大家帶來微幕小程序增強版微信小程序添加激勵視頻廣告和插屏廣告，激勵視頻廣告和插屏廣告這兩種廣告添加方法需要有一定的代碼編輯能力，比Banner廣告的插入需要費些功夫，廢話不多說，進入主題！