React NativeおよびPubnubを使用したリアルタイムの位置追跡

このチュートリアルでは、React NativeとPubNubを使用してリアルタイムのロケーション追跡アプリを構築することを示しています。 2つのアプリを作成します。「Trackee」アプリ（トラッキングされているもの）と「トラッカー」アプリ（ロケーションの更新を受信します）。

リアルタイムのロケーショントラッキングは、ライドシェアリング（Uber、Lyft）、フードデリバリー（Uber Eats、Doordash）、ドローンフリート管理など、多くのオンデマンドサービスにとって重要です。このガイドは、この機能を実装するための実用的な段階的なアプローチを提供します。 アクション中のアプリをデモンストレーションする

ビデオ

主要な機能：

レバレッジは、リアルタイムのデータ交換のためにネイティブとpubnubを反応します

GoogleマップAPIキーとPubNubアカウントが必要です。

Trackeeアプリケーションとトラッカーアプリケーションの両方を開発します
• Geolocation APIとPubNubのパブリッシュ/サブスクライブメカニズムを使用します
乗車からの移動から追跡の注文まで、さまざまなアプリケーションに適しています。
• 前提条件：
基本的な反応ネイティブの知識。 （セットアップについては公式ガイドを参照してください：[公式ガイドへのリンク]）

a pubnubアカウント（[pubnubサインアップへのリンク]） GoogleマップAPIキー（[Google Maps APIキーページへのリンク]）

• 開発環境：
node v10.15.0

npm 6.4.1 YARN 1.16.0

react-native 0.59.9
React-native-Maps 0.24.2
pubnub-reAct 1.2.0
• ソースコード：
Trackee App：[Trackee App Repoへのリンク]

トラッカーアプリ：[トラッカーアプリリポジトリへのリンク]

trackeeアプリのセットアップ：
新しいReactネイティブプロジェクトを作成：

プロジェクトディレクトリに移動します：

install
1. （[React-Native-Mapsインストールへのリンク]）。react-native init trackeeAppの指示に従ってください
Pubnub React sdk：
2. cd trackeeAppをインストールします
3. react-native-maps
4. Trackee Appコード（app.js）では、地図を設定し、Geolocation APIを使用して位置を追跡し、yarn add pubnub-reactメソッドを使用してPubNubへの場所の更新を公開します。
ライフサイクルメソッドにより、場所の変更がすぐに送信されることが保証されます。 AndroidとiOSは、マーカーの更新をアニメーション化するためにわずかに異なる取り扱いが必要です。

でのエラー処理とクリーンアップも含まれています

トラッカーアプリのセットアップ：

Trackeeアプリと同じ手順に従って、trackerAppという名前のプロジェクトを作成します。 主な違いは、subscribeメソッドを使用してPubnubチャネルに購読し、受信したロケーションデータに基づいてマップを更新することにあります。 pubnubのリアルタイム分析を示す

ビデオ

テスト：

テストでは、Trackeeアプリ（シミュレートされた場所を持つiOSシミュレータでリリースモードで理想的には）とAndroidエミュレーターでトラッカーアプリを実行することが含まれます。 PubNubのリアルタイム分析は、データ送信を検証できます

結論：

この基本的な実装は、リアルタイムの位置追跡を紹介します。 乗車、注文追跡、資産監視など、多数のアプリケーションが可能です。

faqs：

この記事では、処理許可、バックグラウンド追跡、最適化、エラー処理、テスト、ジオフェンシング、データセキュリティ、および他の人とのロケーションデータの共有など、Reactネイティブのリアルタイムロケーショントラッキングの実装に関する一般的な質問に対処する包括的なFAQセクションで終了します。ユーザー。

以上がReact NativeおよびPubnubを使用したリアルタイムの位置追跡の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。