Mouselog 一个基于Web的工具，用于记录、可视化和分析鼠标事件，例如移动和点击

Mouselog是一个基于Web的工具，可帮助网站所有者，研究人员和安全管理员记录，可视化和分析鼠标跟踪数据。

JavaScript 其它杂项

访问GitHub主页

共252Star

详细介绍

Mouselog 🐾

NPM version build status Codecov david deps david devDeps npm download

Mouselog is a web-based platform for website owners to log, visualize and analyze user behaviors like mouse trace data.

Live Demo

https://mouselog.org/

Architecture

Mouselog contains 3 parts:

Name Description Language Source code
Client-side Agent Mouselog client-side agent that runs on end-user's browser to send mouse trace data to Mouselog server-side Javascript https://github.com/microsoft/mouselog.js
Server-frontend Web frontend UI for Mouselog server-side Javascript + React + Ant Design https://github.com/microsoft/mouselog/tree/master/web
Server-backend RESTful API backend for Mouselog server-side Golang + Beego + MySQL https://github.com/microsoft/mouselog

Installation

Client-side Agent

mouselog

Please see details at: https://github.com/microsoft/mouselog.js

Server-side

  • Get the code:
go get github.com/microsoft/mouselog

  • Prepare a Xorm ORM supported database (MySQL is recommended), replace root:123@tcp(localhost:3306)/ in conf/app.conf with your own connection string. Mouselog will create a database named mouselog and necessary tables in it if not exist. All Xorm supported databases are listed here.

  • Run Server-backend (in port 9000):

go run main.go
  • Run Server-frontend (in the same machine's port 4000):
cd web
npm install
npm start
  • Open browser:

http://localhost:4000/

License

This project is licensed under the MIT license.

If you have any issues or feature requests, please contact us. PR is welcomed.

推荐源码