如何使用 Twilio 在 React Native 中创建视频咨询医疗保健应用程序!
已发表: 2022-04-20自从引入 mHealth 应用程序以来,医疗机构见证了患者与医生的关系发生了翻天覆地的变化。 现在,患者可以更好地控制他们的医疗决策,整个系统也变得更加以患者为中心。 正因为如此,市场上出现了各种 mHealth 应用程序,视频咨询医疗保健应用程序就是这样的创新之一。 该应用程序使患者和医生能够在紧急情况下或无法访问医院时立即进行交流。 医生可以在线发送电子处方并提供医疗帮助。 因此,拥有一个带有视频通话功能的在线医疗咨询应用程序对于任何医疗机构甚至个人从业者来说总是一个有利可图的决定。
所以,今天的主题是关于创建一个视频咨询医疗保健应用程序。 我们将为此目的考虑 React Native 框架,因为 React Native 开发服务是开发类原生跨平台应用程序的完美选择。 此外,我们还将讨论 Twilio 作为一个广泛用于视频通话应用程序的云通信平台。 让我们开始了解 Twilio 是什么,然后了解创建应用程序的过程。
什么是 Twilio?
Twilio 是美国基于云的服务或云通信平台即服务 (CPaaS)。 它充当强大的通信工具,弥合各种移动设备、其他系统、服务等与电话之间的差距。 在 React Native 开发中,Twilio 提供的 API 使开发人员能够实现多种通信服务,例如拨打和接收音频/视频电话、发送和接收短信等。这些服务还包括 AI 机器人、电子邮件等。在这个过程中,除了音频/视频通话外,还可以使用其他功能,例如帐户恢复、电话验证、应用内通话或应用内聊天等。
要将 Twilio 集成到应用程序中,React Native 开发人员将需要现有的 Cocoapods、React Native Navigation、React 等知识。Twilio
以下是使用 Twilio 的一些主要好处
- Twilio 很容易学习,因此有大量的开发人员可用。
- 它遵循标准的通信方法:HTTP。
- 在技术之间切换也容易得多。
- 由于平台即服务 (PaaS),资本成本略低。 甚至部署成本更低,并且随着公司的发展而逐渐增加。
使用 Twilio WebRTC 创建带有视频咨询的 React Native Healthcare 应用程序的关键步骤
在将 Twilio WebRTC 用于医疗保健视频通话应用程序时,React Native 应用程序开发公司应遵循下面给出的分步程序。 这个过程分为两个主要部分,第一部分是关于使用 Twilio 生成令牌,第二部分是关于使用 React Native 入门工具包安装依赖项。 此外,我们现在将考虑一个 React Native Android 应用程序。 那么让我们从第一部分开始吧。
第 1 部分:使用 Twilio 生成令牌
Twilio 提供 IOS/Android SDK 和 JavaScript。 但是对于 React Native,Twilio 不提供任何直接支持。 因此,React Native 开发人员可以将 JavaScript SDK 用于一些服务,但对于其他服务则不可能,因为它在很大程度上依赖于浏览器 API。 还有另一种选择,那就是将原生 Android/IOS SDK 移植到 React Native。 所以在这里,我们使用了这个组合:Twilio Video (WebRTC) for React Native。
首先,在 https://www.twilio.com/ 上创建一个帐户。 注册试用并验证您的凭据,例如电话号码、电子邮件等。您现在将被定向到仪表板。
您将需要一个 ACCOUNT SID 以及一个 API 密钥和一个用于生成令牌的密钥。 要生成 API 密钥,请通过设置导航到 API 密钥。 此处创建 API 密钥将提供 Secret 密钥和 API 密钥。 现在可以通过使用 npm 包的 npm install 来生成令牌。 令牌也可以用多种语言生成。 应该为每个令牌更改身份值,因为不能在不同的地方使用相同的令牌。

还有另一种使用 Twilio 工具创建令牌的方法。 单击 Twilio 工具并写下身份和房间名称。 这将生成访问令牌。 安全地保存这些密钥以备后用。
视频咨询医疗保健应用程序的 Twilio 部分到此结束。 现在让我们从 React Native 开发部分开始。
第 2 部分:使用 React Native Starter Kit 安装依赖项
在这里,我们将使用可以从 GitHub 链接复制的 React Native 入门工具包 — https://github.com/flatlogic/react-native-starter。 您需要在终端项目目录中运行命令-“npm install https://github.com/blackuy/react-native-twilio-video-webrtc –save”,然后在App.js文件中编写所需的代码。
确保通过在项目目录中执行命令“npm install”来安装所有必需的依赖项。 此外,您需要进行一些配置以使用 Twilio,还需要使用音频、摄像头等。
要制作 goto Android 文件夹,您应该在 settings.gradle 文件中添加以下代码行 -
包括':react-native-twilio-video-webrtc'
项目(':react-native-twilio-video-webrtc').projectDir = 新文件(rootProject.projectDir,'../node_modules/react-native-twilio-video-webrtc/android')
现在,转到 Android > app > build.gradle 文件并搜索依赖项。 之后,在块中添加下面提到的代码。
编译项目(':react-native-twilio-video-webrtc')
另外,在 Android > app >SRC> main >JAVA> com > reactnativestarter > MainApplication.java 中添加下面提到的代码
导入 com.twiliorn.library.TwilioPackage;
在此之后,将 getPackages() 方法替换为所需的代码。
现在为了向用户请求权限,必须通过在此文件中添加所需的代码来修改 AndroidManifest.xml。 还要确保在您的 Twilio 帐户中启用了客户端房间创建。
运行应用程序
最后,当所有步骤都实现并执行代码时,通过从终端窗口执行命令“react-native run-android”来运行您的 React Native 医疗保健应用程序。
最终判决
在这里,我们开发了一个简单的 React Native 应用程序来演示 Twilio 的视频通话功能。 但我们只需要记住,用户连接、用户访问令牌生成、房间创建等一些事情必须在后端非常勤奋地处理。
如上所述,您想在 React Native 中使用 Twilio 实现开发视频咨询医疗保健应用程序吗? 我们希望上述步骤对 React Native 开发者有所帮助。 如需有关创建定制医生点播视频咨询医疗保健应用程序的任何技术援助,请联系 Biz4Solutions,这是一家在该领域拥有 11 年以上经验的高度熟练的医疗保健应用程序开发公司。
