js实现统计网站访问量

要实现统计网站访问量的功能，可以使用JavaScript结合后端服务来完成。以下是一个基本的实现思路和示例代码：

基础概念

前端JavaScript：用于在客户端执行代码，收集访问数据。
后端服务：用于接收前端发送的数据并存储在数据库中。
数据库：用于持久化存储访问数据。

优势

实时性：可以即时统计并显示访问量。
准确性：通过服务器端验证，减少作弊行为。
可扩展性：可以轻松扩展以支持更多统计功能。

类型

页面访问量（PV）：页面被加载的次数。
独立访客数（UV）：独立用户的访问次数。

应用场景

网站运营分析：了解网站的流量情况。
营销效果评估：评估广告投放的效果。
用户体验优化：根据访问数据优化网站布局和功能。

实现步骤

前端代码：使用JavaScript发送访问请求到后端。
后端服务：接收请求并存储数据。
数据库：存储访问记录。

示例代码

前端JavaScript代码

<script>
  // 当页面加载完成后发送访问请求
  window.onload = function() {
    // 发送请求到后端统计接口
    fetch('/api/logVisit', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({ page: window.location.pathname })
    }).catch(error => console.error('Error logging visit:', error));
  };
</script>

后端Node.js代码（使用Express框架）

const express = require('express');
const bodyParser = require('body-parser');
const app = express();
const port = 3000;

app.use(bodyParser.json());

// 记录访问日志
app.post('/api/logVisit', (req, res) => {
  const { page } = req.body;
  // 这里可以将访问数据存储到数据库中
  console.log(`Page visited: ${page}`);
  res.sendStatus(200);
});

app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}`);
});

数据库存储（使用MongoDB）

const mongoose = require('mongoose');

mongoose.connect('mongodb://localhost:27017/visits', { useNewUrlParser: true, useUnifiedTopology: true });

const visitSchema = new mongoose.Schema({
  page: String,
  timestamp: { type: Date, default: Date.now }
});

const Visit = mongoose.model('Visit', visitSchema);

app.post('/api/logVisit', async (req, res) => {
  const { page } = req.body;
  const visit = new Visit({ page });
  await visit.save();
  res.sendStatus(200);
});