ホームページ >ウェブフロントエンド >htmlチュートリアル >NodeJs、Socket.io、VueJs_html/css_WEB-ITnose を使用してリアルタイム Web アクセス分析を構築する

NodeJs、Socket.io、VueJs_html/css_WEB-ITnose を使用してリアルタイム Web アクセス分析を構築する

WBOY
WBOYオリジナル
2016-06-21 08:54:261504ブラウズ

通常、Web サイトのアクセスログはバックグラウンドログ方式で取得する必要がありますが、現在の Web サイトへのアクセス状況をリアルタイムで確認することはできますか?アクティブにアクセスされているページ?これらの URL がどこからアクセスされているかなどの情報は、クローラーが Web サイトを不規則に巡回するのを防ぐ上でリアルタイムの役割を果たすことができます。

オープンソース プロジェクト real-time-analytics-node-socketio-vuejs は、Web サイトの訪問をリアルタイムで監視するのに役立ちます。

1. ユーザーは Web サイトのページにアクセスします。ページには統計コードを埋め込みます:

    <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. サーバー統計をリアルタイムでダッシュボードに表示します。

インストールの詳細な紹介:

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。