Workerman に基づいたリアルタイム位置追跡サービスの構築-Workerman-php.cn

实时位置跟踪示例

ホームページ

PHPフレームワーク

Workerman

Workerman に基づいたリアルタイム位置追跡サービスの構築

Aug 09, 2023 pm 06:39 PM

workerman 構築するリアルタイムの位置追跡

Workerman に基づいたリアルタイム位置追跡サービスの構築

Workerman に基づくリアルタイム位置追跡サービスの構築

はじめに:
リアルタイム位置追跡サービスは、現代社会においてますます重要な役割を果たしています。物流業界、旅行ナビゲーション、近隣の位置情報の共有、または家庭の監視のいずれであっても、リアルタイム位置追跡サービスは正確で信頼性の高い位置情報を提供できます。この記事では、PHP フレームワーク Workerman に基づいて簡単なリアルタイム位置追跡サービスを構築する方法を紹介し、対応するコード例を添付します。

1. 背景知識と技術要件
1.1 Workerman の概要
Workerman は、高同時実行性をサポートするネットワークアプリケーションを迅速に構築するのに役立つ高性能 PHP ソケットフレームワークです。 Workerman はノンブロッキング IO モデルとイベント駆動型の設計に基づいており、大規模な同時接続を処理するときに優れたパフォーマンスを発揮します。

1.2 技術要件
リアルタイム位置追跡サービスを構築する場合、次の技術要件を満たす必要があります:

サーバー側はリアルタイムデータに Workerman を使用します。送信;
フロントエンドは HTML5 の Geolocation API を使用してデバイスの地理的位置情報を取得します;
フロントエンドとバックエンドは WebSocket を介してリアルタイムのデータ送信を実行します。

2. サーバー側コードの例
次は、Workerman を使用して構築されたシンプルなリアルタイム位置追跡サービスのサンプルコードです:

require_once __DIR__ . '/vendor/autoload.php';
use WorkermanWorker;

// 创建一个Worker监听8080端口，使用websocket协议通讯
$worker = new Worker("websocket://0.0.0.0:8080");

// 设置进程数
$worker->count = 4;

// 客户端连接时触发的回调函数
$worker->onConnect = function($connection)
{
    // 将连接保存到全局变量中
    global $user_connections;
    $user_connections[] = $connection;
};

// 客户端断开连接时触发的回调函数
$worker->onClose = function($connection)
{
    // 将连接从全局变量中移除
    global $user_connections;
    $key = array_search($connection, $user_connections);
    if ($key !== false) {
        unset($user_connections[$key]);
    }
};

// 接收到客户端消息时触发的回调函数
$worker->onMessage = function($connection, $data)
{
    // 处理收到的消息
    // 在这里可以根据需要，对接收到的位置信息进行处理，并将结果发送给其他连接。
    // 示例中只进行简单的广播，将接收到的位置信息发送给所有连接。
    global $user_connections;
    foreach($user_connections as $user_connection) {
        $user_connection->send($data);
    }
};

// 运行worker
Worker::runAll();

ログイン後にコピー

3. フロントエンドコード例
次は、サーバーとのリアルタイム通信に HTML5 Geolocation API と WebSocket を使用するフロントエンドコード例です:

<!DOCTYPE HTML>
<html>
<head>
    <title>实时位置跟踪示例</title>
</head>
<body>
    <h1 id="实时位置跟踪示例">实时位置跟踪示例</h1>
    <div id="map" style="width: 800px; height: 400px"></div>

    <script type="text/javascript">
        var ws = new WebSocket("ws://your_server_ip:8080");

        // 当WebSocket连接成功时触发
        ws.onopen = function () {
            console.log('WebSocket连接成功');
            // 使用HTML5 Geolocation API获取设备的地理位置信息
            navigator.geolocation.watchPosition(function (position) {
                var data = {
                    latitude: position.coords.latitude,
                    longitude: position.coords.longitude
                };
                // 将位置信息发送给服务器
                ws.send(JSON.stringify(data));
            });
        };

        // 当WebSocket接收到服务器传来的消息时触发
        ws.onmessage = function (e) {
            var data = JSON.parse(e.data);
            // 在地图上添加位置标记
            var marker = new google.maps.Marker({
                position: {lat: data.latitude, lng: data.longitude},
                map: map
            });
        };
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>
</body>
</html>

ログイン後にコピー

IV. 概要
この記事では、 Workerman に基づくシンプルなリアルタイム位置追跡サービス。
Workerman フレームワークを使用してリアルタイムのデータインタラクションとサーバー側でのプッシュを実現し、HTML5 Geolocation API を組み合わせてデバイスの地理的位置情報を取得することで、ユーザーの位置をリアルタイムで追跡し、位置情報をマークすることができます。地図にある。
この記事の導入により、読者が Workerman を使用してリアルタイム位置追跡サービスを構築し、さまざまなシナリオのニーズを満たすために機能を段階的に拡張および改善する方法をよりよく理解するのに役立つことを願っています。

以上がWorkerman に基づいたリアルタイム位置追跡サービスの構築の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。