PHPとWebsocketを利用したオンライン注文機能の開発-PHPチュートリアル-php.cn

PHPとWebsocketを利用したオンライン注文機能の開発

WBOY

リリース： 2023-12-02 14:18:01

オリジナル

941 人が閲覧しました

PHPとWebsocketを利用したオンライン注文機能の開発

phpとWebsocketを使ったオンライン注文機能の開発

テクノロジーの発展に伴い、人々のライフスタイルも徐々に変化しています。最近では、食品注文サービスなど、インターネットを通じてオンラインで注文する人が増えています。ユーザーのニーズに応えるため、多くの飲食店がネット注文機能の開発を始めています。この記事では、PHP と Websocket を使用して簡単なオンライン注文機能を開発する方法と、具体的なコード例を紹介します。

Websocket テクノロジについて
Websocket は、TCP プロトコルに基づく双方向通信テクノロジであり、サーバーとクライアント間のリアルタイムの双方向データ送信を可能にします。従来の HTTP リクエストと比較して、Websocket はリアルタイムのデータ更新を実現できるため、タイムリーな更新が必要なオンライン注文などのシナリオに非常に適しています。
環境セットアップ
まず、php と Websocket に関連する依存関係拡張機能がサーバーにインストールされていることを確認します。たとえば、Linux システムでは、次のコマンドを使用して php および Websocket 拡張機能をインストールできます:

sudo apt-get install php

sudo apt-get install php-dev

sudo pecl インストールチャネル://pecl.php.net/ev-1.0.3

完了インストール後、phpinfo() 関数を使用して、インストールが成功したかどうかを確認できます。

サーバー側コードの作成
次は、オンライン注文のビジネスロジックを処理するための簡単なサーバー側コードの例です。

<?php
require 'vendor/autoload.php';
$app = function ($request, $response) {
    $res = [];
    if ($request->isPost()) {
        $data = $request->post();
        // 处理订餐逻辑
        // ...
        $res['status'] = 'success';
        $res['message'] = '订餐成功';
    } else {
        $res['status'] = 'error';
        $res['message'] = '非法请求';
    }
    $response->write(json_encode($res));
};

ログイン後にコピー

このコードでは、まず必要な依存関係をロードしました。次に、リクエストの種類に基づいて順序付けビジネスロジックを処理するサーバーアプリケーションが匿名関数を通じて作成されました。

クライアントコードの作成
次は、注文リクエストを送信し、サーバーからの応答を受信するための簡単なクライアントコードの例です。

<!DOCTYPE html>
<html>
<head>
    <title>在线点餐</title>
    <script>
        var socket = new WebSocket("ws://localhost:8000");
        
        socket.onopen = function(event) {
            console.log("连接成功");
        };
        
        socket.onmessage = function(event) {
            var response = JSON.parse(event.data);
            if (response.status === "success") {
                alert(response.message);
            } else {
                console.error(response.message);
            }
        };
        
        function placeOrder() {
            var formData = new FormData();
            formData.append("dish", "鱼香肉丝");
            formData.append("quantity", 2);
            
            var xhr = new XMLHttpRequest();
            xhr.open("POST", "/order.php");
            xhr.send(formData);
        }
    </script>
</head>
<body>
    <button onclick="placeOrder()">点餐</button>
</body>
</html>

ログイン後にコピー

クライアント内終了コードでは、まず WebSocket オブジェクトを通じてサーバーへの接続を作成します。接続が成功すると、onmessage イベントを通じてサーバーから返されたデータを聞くことができます。「料理を注文する」ボタンをクリックすると、注文情報を含む POST リクエストがサーバーに送信されます。