React Native和PubNub的实时位置跟踪

>本教程演示了使用React Native和PubNub构建实时位置跟踪应用程序。 我们将创建两个应用程序：一个“ trackee”应用（一个正在跟踪的应用程序）和一个“跟踪器”应用程序（接收位置更新）。

>

实时位置跟踪对于许多按需服务至关重要，包括乘车共享（Uber，Lyft），食品交付（Uber Eats，Doordash）和无人机舰队管理。本指南为实施此功能提供了一种实用的，分步的方法。

>

视频演示应用程序中的应用

密钥功能：

利用对实时数据交换的本地和pubNub的反应。

>
• 需要Google Maps API密钥和一个PubNub帐户。
既开发trackee和Tracker应用程序。
• 使用地理位置API和PubNub的发布/订阅机制。
>适用于从乘车到订单跟踪的各种应用。
• >先决条件：

>基本反应本地知识。 （请参阅官方指南的设置：[链接到官方指南]）

> ） google地图API键（[链接到Google Maps API键页]）

开发环境：
• node v10.15.0

npm 6.4.1

纱线1.16.0 >反应本地0.59.9

反应型映射0.24.2
pubNub-react 1.2.0
源代码：
> trackee应用：[链接到trackee app repo]
• >
>跟踪器应用程序：[链接到Tracker App Repo]

> trackee应用程序设置：

创建一个新的React本机项目：
导航到项目目录：

> install（遵循[链接到React-Native-Maps Anstallation的链接]）。

安装PubNub React SDK：

>
1. react-native init trackeeApp
2. cd trackeeApp> trackee应用程序代码（app.js）涉及设置地图，使用地理位置API跟踪位置，并使用
>方法向PubNub发布位置更新。 生命周期方法可确保立即发送位置更改。 Android和iOS需要略有不同的处理来使标记更新动画。 还包括
3. 中的错误处理和清理。react-native-maps>
4. 跟踪器应用程序设置：yarn add pubnub-react

遵循与trackee应用相同的步骤，创建一个名为的项目。 关键区别在于使用trackerApp方法订阅PubNub通道并根据接收到的位置数据更新地图。 subscribe>>视频显示了PubNub上的实时分析

> 测试：

>测试涉及运行trackee应用程序（理想情况下，在具有模拟位置的iOS模拟器上发布模式）和Android模拟器上的跟踪器应用程序。 PubNub的实时分析可以验证数据传输。>

结论：

这个基本实现展示了实时位置跟踪。 可以进行许多应用程序，包括乘车，订单跟踪和资产监控。>

FAQS：

>本文以一个全面的常见问题解答部分结束，该部分解决了有关在React Native中实施实时位置跟踪的常见问题，包括处理权限，背景跟踪，优化，错误处理，测试，地理审查，数据安全性，数据安全，以及与其他位置数据共享用户。

以上是React Native和PubNub的实时位置跟踪的详细内容。更多信息请关注PHP中文网其他相关文章！