집 > 기사 > 백엔드 개발 > PHP와 Websocket을 활용한 온라인 투표 기능 개발

PHP와 Websocket을 활용한 온라인 투표 기능 개발

WBOY원래의: 2023-12-02 08:50:17609검색

PHP와 WebSocket을 사용하여 온라인 투표 기능 개발

소개

인터넷의 급속한 발전과 함께 점점 더 많은 전통적인 활동이 점차 온라인 플랫폼으로 이전되었습니다. 그 중 하나가 투표 캠페인이다. PHP와 WebSocket 기술의 결합을 통해 간단하고 실용적인 온라인 투표 기능을 구현할 수 있습니다. 이 기사에서는 PHP와 WebSocket을 사용하여 완전한 온라인 투표 시스템을 개발하는 방법을 소개하고 몇 가지 구체적인 코드 예제를 제공합니다.

시스템 요구 사항

온라인 투표 기능을 구현하려면 다음 시스템 요구 사항을 충족해야 합니다.

서버 환경: PHP 7.0 이상, swoole 확장과 같은 WebSocket 확장 지원.
클라이언트 브라우저: Chrome, Firefox 등 HTML5를 지원하는 브라우저입니다.

아키텍처 설계

온라인 투표 시스템을 설계하기 전에 몇 가지 주요 기능과 구현 방법을 결정해야 합니다.

데이터 저장: 데이터베이스(예: MySQL)를 사용하여 투표 옵션 및 투표 관련 데이터를 저장합니다. 투표 통계 잠깐만요.
WebSocket 서버: PHP의 WebSocket 확장(예: swoole)을 서버로 사용하여 클라이언트 연결 요청 및 메시지 푸시를 수신합니다.
WebSocket 클라이언트: JavaScript로 작성된 WebSocket 클라이언트로, 서버와의 실시간 통신에 사용됩니다.
사용자 인터페이스: HTML, CSS 및 JavaScript를 사용하여 투표 옵션 표시 및 투표 통계 실시간 표시를 위한 사용자 인터페이스를 구현합니다.

구현 단계

온라인 투표 기능을 구현하려면 다음 단계를 따르세요.

데이터베이스 테이블 만들기
투표 옵션을 저장할 테이블을 MySQL에 만듭니다. 테이블 구조는 다음과 같습니다.

CREATE TABLE `voting_options` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `option_name` varchar(255) NOT NULL,
 `vote_count` int(11) NOT NULL DEFAULT '0',
 PRIMARY KEY (`id`)
);

서버 코드 작성
먼저 swoole 확장을 설치한 다음 WebSocket 서버를 생성하고 지정된 포트를 수신해야 합니다. 새로운 연결이 설정되면 클라이언트의 투표 옵션 ID를 얻고 데이터베이스에서 해당 옵션에 대한 투표 수를 업데이트합니다. 코드 예시는 다음과 같습니다.

<?php
// 创建WebSocket服务器
$server = new SwooleWebSocketServer('0.0.0.0', 9501);

// 当有新的连接建立时
$server->on('open', function ($server, $request) {
    // 解析请求中的投票选项ID
    $optionId = $_GET['option_id'];

    // 更新数据库中对应选项的投票数量

    // 推送投票统计结果给所有已连接的客户端
});

// 启动服务器
$server->start();

Write client code
HTML에서 투표 옵션에 대한 버튼을 추가하고 JavaScript를 사용하여 서버에서 메시지 푸시를 수신하는 WebSocket 연결을 만듭니다. 버튼이 클릭되면 WebSocket을 사용하여 투표 옵션 ID를 서버로 보냅니다. 코드 예시는 다음과 같습니다.

<html>
<head>
    <!-- 引入jQuery库 -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <!-- 添加投票选项的按钮 -->
    <button id="option1" onclick="vote(1)">选项1</button>
    <button id="option2" onclick="vote(2)">选项2</button>
    <button id="option3" onclick="vote(3)">选项3</button>

    <!-- 引入WebSocket客户端代码 -->
    <script>
        // 创建WebSocket连接
        var socket = new WebSocket('ws://localhost:9501');

        // 监听服务端的消息推送
        socket.onmessage = function(event) {
            // 更新投票统计结果
        };

        // 投票函数
        function vote(optionId) {
            // 发送投票选项ID给服务端
        }
    </script>
</body>
</html>

데이터베이스 업데이트 및 투표 통계 푸시
서버 코드에서 수신된 투표 옵션 ID에 따라 데이터베이스의 해당 옵션에 대한 투표 수를 업데이트합니다. 그런 다음 WebSocket을 통해 연결된 모든 클라이언트에 투표 통계 결과를 푸시합니다. 코드 샘플은 다음과 같습니다.

<?php
// 创建WebSocket服务器
$server = new SwooleWebSocketServer('0.0.0.0', 9501);

// 当有新的连接建立时
$server->on('open', function ($server, $request) {
    // 解析请求中的投票选项ID
    $optionId = $_GET['option_id'];

    // 更新数据库中对应选项的投票数量
    $optionId = intval($optionId);
    $result = mysqli_query($conn, "UPDATE voting_options SET vote_count = vote_count + 1 WHERE id = $optionId");
    if ($result) {
        // 推送投票统计结果给所有已连接的客户端
        $votingLiveData = getVotingLiveData(); // 获取投票统计数据
        $server->push($request->fd, $votingLiveData); // 发送投票统计数据给当前客户端
        $server->push($request->fd, $votingLiveData, WEBSOCKET_OPCODE_BINARY);
    }
});

// 启动服务器
$server->start();

Summary

이 글에서는 PHP와 WebSocket을 사용하여 간단한 온라인 투표 기능을 개발하는 방법을 소개합니다. PHP를 서버로 사용하고 HTML, CSS, JavaScript를 사용하여 사용자 인터페이스를 구현하고 WebSocket을 실시간 통신으로 사용하여 실시간으로 투표 통계를 업데이트하는 온라인 투표 시스템을 구현할 수 있습니다. 이 샘플 코드는 단순한 예일 뿐이며 실제 상황에서는 특정 요구 사항에 따라 일부 조정 및 최적화가 필요할 수 있습니다. 이 기사가 온라인 투표 기능을 개발하는 데 도움이 되기를 바랍니다.

위 내용은 PHP와 Websocket을 활용한 온라인 투표 기능 개발의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

php JavaScript mysql swoole 架构 html5 firefox css chrome html 数据库 websocket

성명：

이전 기사：실시간 경매 기능 구현을 위한 PHP 웹소켓 개발 가이드다음 기사：실시간 경매 기능 구현을 위한 PHP 웹소켓 개발 가이드