Maison > Article > développement back-end > Guide de développement PHP : Comment implémenter des statistiques de visiteurs de sites Web en temps réel

Guide de développement PHP : Comment implémenter des statistiques de visiteurs de sites Web en temps réel

WBOYoriginal: 2023-08-25 20:37:051625parcourir

Guide de développement PHP : Comment mettre en œuvre des statistiques de visites de sites Web en temps réel

Introduction :
À l'ère d'Internet d'aujourd'hui, les statistiques de trafic d'un site Web sont cruciales pour le fonctionnement et l'optimisation du site Web. Les statistiques de visiteurs en temps réel sont un moyen de comprendre instantanément les visiteurs d’un site Web. Cet article explique comment utiliser PHP pour développer un système simple de statistiques sur les visiteurs d'un site Web en temps réel afin de fournir un support de données plus complet pour les opérations du site Web.

1. Préparation :

Environnement PHP : Assurez-vous que votre serveur a installé et activé PHP, version 5.4 ou supérieure ;
Base de données : Nous utiliserons la base de données MySQL pour stocker les informations des visiteurs ;
Connaissance de base du HTML et du CSS ; .

2. Conception de la base de données :
Nous devons créer une table de données nommée « visiteurs » pour stocker les informations sur les visiteurs en temps réel. La structure du tableau est la suivante :

CREATE TABLE visitors (
    id INT PRIMARY KEY AUTO_INCREMENT,
    ip VARCHAR(45) NOT NULL,
    time DATETIME NOT NULL
);

3. Créez un fichier de page Web :

Créez un fichier nommé « index.php » pour afficher la page principale du site Web
Créez un fichier nommé « visiteur.php » ; , Utilisé pour enregistrer et afficher des informations sur les visiteurs en temps réel.

4. Conception de la page principale :
Ce qui suit est un exemple simple de conception de page principale :

<!DOCTYPE html>
<html>
<head>
    <title>网站实时访客统计</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <h1>欢迎访问网站！</h1>
    
    <div class="visitor-info">
        <p>当前在线人数：<span id="online-count"></span></p>
    </div>
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="visitor.js"></script>
</body>
</html>

Cette page contient principalement un élément qui affiche le nombre actuel de personnes en ligne, qui est utilisé pour obtenir le nombre de visiteurs en temps réel. via des requêtes AJAX après le chargement de la page.

5. Écrivez du code JavaScript :
Dans le fichier "visitor.js", écrivez le code JavaScript suivant :

$(document).ready(function() {
    setInterval(updateVisitors, 1000);
});

function updateVisitors() {
    $.ajax({
        url: 'visitor.php',
        type: 'post',
        data: {'action': 'count'},
        success: function(response) {
            $('#online-count').text(response);
        }
    });
}

Cet extrait de code enverra une requête AJAX à "visitor.php" toutes les secondes pour obtenir des visiteurs en temps réel. numéro et mettre à jour les résultats sur la page.

6. Écrivez le code PHP :
Dans le fichier "visitor.php", écrivez le code PHP suivant :

<?php
// 连接数据库
$conn = new mysqli('数据库主机名', '用户名', '密码', '数据库名');

// 检查连接是否成功
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

// 获取请求类型
$action = $_POST['action'];

if ($action == 'count') {
    // 获取实时访客数量
    $result = $conn->query("SELECT COUNT(*) as count FROM visitors");
    $row = $result->fetch_assoc();
    echo $row['count'];
} elseif ($action == 'record') {
    // 记录访客信息
    $ip = $_SERVER['REMOTE_ADDR'];
    $time = date('Y-m-d H:i:s');
    
    $stmt = $conn->prepare("INSERT INTO visitors (ip, time) VALUES (?, ?)");
    $stmt->bind_param("ss", $ip, $time);
    
    if ($stmt->execute()) {
        echo '记录成功';
    } else {
        echo '记录失败';
    }
}

// 关闭数据库连接
$conn->close();
?>

Cet extrait de code effectue différentes opérations en fonction du type de requête. Si le type de demande est « compte », le nombre de visiteurs en temps réel est renvoyé ; si le type de demande est « enregistrement », l'adresse IP et l'horodatage du visiteur actuel sont enregistrés.

7. Écrivez le style CSS :
Dans le fichier "style.css", écrivez le style CSS suivant :

h1 {
    text-align: center;
}

.visitor-info {
    text-align: center;
    margin-top: 50px;
    font-size: 18px;
}

Ce style est principalement utilisé pour embellir l'effet d'affichage de la page.

8. Déploiement et tests :

Téléchargez tous les fichiers dans le répertoire racine de votre site Web ;
Visitez votre site Web sur la page principale, vous verrez le nombre actuel de personnes en ligne mis à jour chaque seconde.

Conclusion :
Grâce à l'introduction de cet article, nous avons appris à utiliser PHP pour développer un système simple de statistiques sur les visiteurs d'un site Web en temps réel. Les statistiques de visiteurs en temps réel peuvent fournir des données utiles en temps réel pour les opérations du site Web afin d'optimiser l'expérience utilisateur et les stratégies marketing du site Web. J'espère que cet article pourra vous inspirer et je vous souhaite du succès dans le développement et l'exploitation de sites Web !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment implémenter les mises à jour en temps réel de Baidu Wenxinyiyan dans le développement PHP ?Article suivant：Comment implémenter les mises à jour en temps réel de Baidu Wenxinyiyan dans le développement PHP ?

Articles Liés

Voir plus