>  기사  >  웹 프론트엔드  >  使用NodeJs, Socket.io和VueJs建立实时Web访问分析_html/css_WEB-ITnose

使用NodeJs, Socket.io和VueJs建立实时Web访问分析_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-21 08:54:261489검색

网站的访问日志一般我们需要通过后台日志方式获得,能不能在Web浏览器中直接实时观察到当前网站访问情况,有几个活跃用户,活跃访问的页面有哪些?访问这些URL是从哪里来等等信息,对于我们防止爬虫无规则抓取网站能够起到实时监管作用。

开源项目 real-time-analytics-node-socketio-vuejs能够帮助我们实时监控网站的访问情况,它的逻辑是:

1.用户访问网站页面,这些页面都内嵌一段统计代码:

    <b>var</b> socket = io();    <b>var</b> visitorData = {      referringSite: document.referrer,      page: location.pathname    }    socket.emit('visitor-data', visitorData);

2.通过这段代码,客户端javascript会发送自己的访问数据到 NodeJs + Socket.io服务器。

3.NodeJs服务器开始统计计算。

4.将服务器统计数据实时显示到仪表板dashboard。

详细安装介绍:

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.