如何使用 Node.js 构建您的第一个 Telegram 聊天机器人

fatimakanij204

随着移动应用程序的使用不断增加，大多数应用程序都具有地理定位和跟踪功能。实时地理位置跟踪在许多按需服务中发挥着重要作用，例如： Backward Skip 10s Play Video Forward Skip 10s Uber、Lyft 或 Ola 等出租车服务 Uber Eats、Foodpanda 或 Zomato 等食品配送服务 监控无人机机队 在本指南中，我们将使用 React Native 创建一个实时位置跟踪应用程序。我们将构建两个 React Native 应用程序。一个将充当跟踪应用程序（称为“跟踪应用程序”），另一个将作为被跟踪的应用程序（“Trackee 应用程序”）。 本教程的最终输出如下所示： Learn to Code with JavaScript 想从头开始学习 React Native 吗？本文摘自我们的高级库。使用 SitePoint Premium 获取一整套 React Native 书籍，涵盖基础知识、项目、技巧和工具等。

立即加入，每月仅需 9 美元。 先决条件 本教程需要 React Native 的基本知识。要设置您的开发机器，请按照此处的官方指南进行操作。 除了 React Native 之外，我们还将使用PubNub，这是一种提供实时数据传输和更新的第三方服务。我们将使用此服务来实时更新用户坐标。 在此 黎巴嫩电话号码表 注册免费的 PubNub 帐户。 由于我们将在 Android 上使用 Google 地图，因此我们还需要一个 Google 地图 API 密钥，您可以在 Google 地图获取 API 密钥页面上获取该密钥。 为了确保我们在同一页面上，本教程中使用了以下版本： 节点  纱线1.16.0 反应本机 0.59.9 反应本机地图 0.24.2 pubnub-反应 1.2.0 入门 如果您想立即查看我们的 Tracker 和 Trackee 应用程序的源代码，以下是它们的 GitHub 链接： Learn to Code with JavaScript Trackee应用程序仓库 跟踪器应用程序存储库 我们首先从 Trackee 应用程序开始。



受追踪者应用程序 要使用 创建新项目react-native-cli，请在终端中输入现在让我们进入有趣的部分——编码。 添加 React Native 地图 由于我们将在应用程序中使用地图，因此我们需要一个库。我们将使用react-native-maps。 react-native-maps按照此处的安装说明进行安装。 Learn to Code with JavaScript 添加 PubNub 除了地图之外，我们还将安装 PubNub React SDK 来实时传输数据： $ yarn add pubnub-react 之后，您现在可以运行该应用程序 您应该在模拟器/仿真器上看到类似这样的内容： 受追踪者应用程序 受训者代码 现在，打开App.js文件并导入以下内容除了将在我们的组件中呈现地图的 MapView 之外，我们识别地图上的位置。我们将使用它来识别地图上的用户位置。 AnimatedRegion允许我们利用动画 API 来控制地图的中心和缩放。