Maison > Article > développement back-end > Analyse des applications de la fonction de communication PHP en temps réel dans les applications de réseaux sociaux

Analyse des applications de la fonction de communication PHP en temps réel dans les applications de réseaux sociaux

PHPzoriginal: 2023-08-10 20:09:091303parcourir

Analyse de l'application de la fonction de communication en temps réel PHP dans les applications de réseaux sociaux

Avec le développement rapide des applications de réseaux sociaux, la demande des utilisateurs en matière de communication en temps réel et de mises à jour en temps réel est également de plus en plus élevée. La manière traditionnelle d'actualiser les pages Web ne peut plus répondre aux besoins des utilisateurs. C'est pourquoi les fonctions de communication en temps réel deviennent de plus en plus importantes dans les applications de réseaux sociaux. En tant que langage largement utilisé dans le développement Web, PHP a progressivement développé des solutions de communication en temps réel correspondantes.

Cet article utilisera une simple application de chat pour démontrer comment utiliser PHP pour implémenter une fonctionnalité de communication en temps réel.

Préparation

Avant de commencer à écrire du code, vous devez installer les logiciels ou bibliothèques suivants :

PHP (vous pouvez utiliser un environnement de développement packagé tel que xampp ou wampp)
Composer (gestionnaire de packages PHP)

Également requis Créez une base de données pour stocker l’historique des discussions. Une table peut être créée à l'aide de l'instruction SQL suivante :

CREATE TABLE messages (
  id INT(11) AUTO_INCREMENT PRIMARY KEY,
  sender VARCHAR(50) NOT NULL,
  receiver VARCHAR(50) NOT NULL,
  message TEXT NOT NULL,
  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

Code frontal

Tout d'abord, nous avons besoin d'une interface frontale pour afficher les enregistrements de discussion et mettre à jour les messages en temps réel. Dans cet exemple, nous utilisons HTML, CSS et JavaScript pour créer une interface de discussion simple. Voici l'exemple de code :

<!DOCTYPE html>
<html>
<head>
    <title>实时聊天</title>
    <style>
        #message-box {
            border: 1px solid black;
            height: 200px;
            width: 300px;
            overflow: scroll;
        }
    </style>
</head>
<body>
    <div id="message-box"></div>
    <input type="text" id="message-input" placeholder="输入消息">
    <button id="send-button">发送</button>

    <script>
        const messageBox = document.getElementById("message-box");
        const messageInput = document.getElementById("message-input");
        const sendButton = document.getElementById("send-button");

        // 更新消息
        function updateMessages() {
            fetch("get_messages.php")
                .then(response => response.json())
                .then(data => {
                    messageBox.innerHTML = "";
                    data.forEach(message => {
                        const messageElement = document.createElement("div");
                        messageElement.innerHTML = `${message.sender}: ${message.message}`;
                        messageBox.appendChild(messageElement);
                    });
                });
        }

        // 发送消息
        function sendMessage() {
            const message = messageInput.value;
            if (message !== "") {
                fetch("send_message.php", {
                    method: "POST",
                    body: JSON.stringify({ message }),
                    headers: {
                        "Content-type": "application/json"
                    }
                })
                    .then(response => response.json())
                    .then(data => {
                        if (data.success) {
                            updateMessages();
                            messageInput.value = "";
                        }
                    });
            }
        }

        updateMessages();

        sendButton.addEventListener("click", sendMessage);
    </script>
</body>
</html>

Code backend

Nous utilisons PHP et MySQL pour gérer la logique backend. Voici le code du fichier get_messages.php, utilisé pour obtenir l'historique des discussions :

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "chat_app";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
    die("连接失败：" . $conn->connect_error);
}

$sql = "SELECT * FROM messages";
$result = $conn->query($sql);

$messages = [];

if ($result->num_rows > 0) {
    while ($row = $result->fetch_assoc()) {
        $messages[] = $row;
    }
}

header("Content-type: application/json");
echo json_encode($messages);

$conn->close();
?>

Voici le code du fichier send_message.php, utilisé pour envoyer des messages :

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "chat_app";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
    die("连接失败：" . $conn->connect_error);
}

$data = json_decode(file_get_contents("php://input"), true);

$message = $data["message"];

$sql = "INSERT INTO messages (sender, receiver, message) VALUES ('User A', 'User B', '$message')";

if ($conn->query($sql) === true) {
    $response = [
        "success" => true
    ];
} else {
    $response = [
        "success" => false
    ];
}

header("Content-type: application/json");
echo json_encode($response);

$conn->close();
?>

Exécutez l'exemple

Tout d'abord, enregistrez le code frontal sous forme de fichier HTML, par exemple chat.html. Ensuite, allez dans le répertoire où se trouve le fichier HTML sur la ligne de commande et exécutez la commande suivante pour installer les dépendances nécessaires :

composer require pusher/pusher-php-server

Ensuite, créez un fichier nommé config.php pour stocker les informations de configuration de Pusher :

<?php
require __DIR__ . '/vendor/autoload.php';

$options = array(
    'cluster' => 'YOUR_PUSHER_CLUSTER',
    'encrypted' => true
);

$pusher = new PusherPusher(
    'YOUR_PUSHER_APP_KEY',
    'YOUR_PUSHER_APP_SECRET',
    'YOUR_PUSHER_APP_ID',
    $options
);
?>

Remplacez YOUR_PUSHER_CLUSTER , YOUR_PUSHER_APP_KEY, YOUR_PUSHER_APP_SECRET et YOUR_PUSHER_APP_ID avec des informations sur votre application Pusher.

Enfin, exécutez la commande suivante dans la ligne de commande pour démarrer le serveur PHP intégré :

php -S localhost:8000

Visitez http://localhost:8000/chat.html dans le navigateur pour voir l'interface de discussion. Vous pouvez ouvrir plusieurs instances dans différentes fenêtres ou onglets du navigateur et discuter en direct.

Résumé

A travers les exemples de cet article, nous pouvons constater qu'il n'est pas compliqué de mettre en œuvre des fonctions de communication temps réel en utilisant PHP. Avec l'aide des bibliothèques et des technologies existantes, nous pouvons offrir une meilleure expérience utilisateur et répondre aux besoins en temps réel des utilisateurs en matière d'applications de réseaux sociaux. Bien entendu, l'exemple présenté dans cet article n'est qu'une simple application de chat, et la situation réelle peut être plus complexe et nécessiter davantage de fonctions et de mesures de sécurité. Mais j'espère que cet article pourra vous fournir quelques idées et méthodes de base pour réaliser des fonctions de communication en temps réel.

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!

php JavaScript composer sql mysql css html 封装数据库 http

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 utiliser des tâches asynchrones pour gérer des requêtes simultanées élevées en PHPArticle suivant：Comment utiliser des tâches asynchrones pour gérer des requêtes simultanées élevées en PHP

Articles Liés

Voir plus