Comment créer une application de consultation vidéo sur les soins de santé dans React Native à l'aide de Twilio !

Depuis l'introduction des applications mHealth, les organisations de santé ont été témoins d'un changement radical dans la façon dont les patients interagissent avec les médecins. Désormais, les patients ont plus de contrôle sur leurs décisions médicales et le système global est devenu plus centré sur le patient. Pour cette raison, une variété d'applications mHealth ont émergé sur le marché et une application de santé de consultation vidéo est l'une de ces innovations. Cette application permet aux patients et aux médecins de communiquer instantanément en cas d'urgence ou lorsqu'il n'est pas possible de se rendre à l'hôpital. Les médecins peuvent envoyer des ordonnances électroniques en ligne et fournir une assistance médicale. Ainsi, avoir une application de consultation médicale en ligne avec une fonction d'appel vidéo peut toujours être une décision lucrative pour tout organisme médical ou même pour un praticien individuel.

Donc, le sujet d'aujourd'hui concerne la création d'une application de consultation vidéo sur les soins de santé. Nous considérerons le framework React Native à cette fin, car les services de développement React Native sont un choix parfait pour développer des applications multiplateformes de type natif. Nous parlerons également de Twilio en tant que plate-forme de communication cloud largement utilisée dans les applications d'appel vidéo. Commençons par ce qu'est Twilio, puis le processus de création de l'application.

Qu'est-ce que Twilio ?

Twilio est un service américain basé sur le cloud ou une plate-forme de communication cloud en tant que service (CPaaS). Il agit comme un puissant outil de communication et comble le fossé entre divers appareils mobiles, d'autres systèmes, services, etc., et la téléphonie. Dans le développement React Native, les API proposées par Twilio permettent aux développeurs de mettre en œuvre plusieurs services de communication tels que passer et recevoir des appels téléphoniques audio/vidéo, envoyer et recevoir des SMS, etc. Ces services incluent également des bots AI, des e-mails, etc. Dans ce processus, en plus des appels audio/vidéo, d'autres fonctionnalités telles que la récupération de compte, la vérification du téléphone, les appels intégrés ou les chats intégrés à l'application, etc. peuvent également être travaillées.

Pour intégrer Twilio dans l'application, les développeurs React Native auront besoin de connaissances existantes sur Cocoapods, React Native Navigation, React, etc.

Voici quelques principaux avantages de l'utilisation de Twilio

• Twilio est assez facile à apprendre et il existe donc une pléthore de développeurs disponibles.
• Il suit une méthode de communication standard : HTTP.
• Passer d'une technologie à l'autre est également beaucoup plus facile.
• Grâce aux plates-formes en tant que service (PaaS), les coûts d'investissement sont quelque peu inférieurs. Même les coûts de déploiement sont inférieurs et ils augmentent progressivement à mesure que l'entreprise grandit.

Étapes clés pour créer une application React Native Healthcare avec consultation vidéo à l'aide de Twilio WebRTC

Lors de l'utilisation de Twilio WebRTC pour l'application d'appel vidéo de soins de santé, une société de développement d'applications React Native doit suivre la procédure étape par étape indiquée ci-dessous. Cette procédure est divisée en deux parties principales où la première partie concerne la génération d'un jeton à l'aide de Twilio et la seconde partie parle de l'installation de dépendances à l'aide d'un kit de démarrage React Native. De plus, nous envisagerons une application React Native Android pour le moment. Commençons donc par la première partie.

Partie 1 : Génération de jetons avec Twilio

Twilio fournit à la fois des SDK IOS/Android et JavaScript. Mais pour React Native, Twilio ne fournit aucun support direct. Ainsi, les développeurs React Native peuvent utiliser le SDK JavaScript pour quelques services, mais ce n'est pas possible pour d'autres services, car cela dépend en grande partie des API du navigateur. Il existe une autre alternative et ce serait de porter le SDK Android/IOS natif vers React Native. Donc ici, nous avons utilisé cette combinaison : Twilio Video (WebRTC) pour React Native.

Tout d'abord, créez un compte sur https://www.twilio.com/. Inscrivez-vous pour un essai et vérifiez vos informations d'identification telles que numéro de téléphone, e-mail, etc. Vous serez maintenant dirigé vers le tableau de bord.

Vous aurez besoin d'un ACCOUNT SID ainsi que d'une clé API et d'une clé secrète pour générer un jeton. Pour générer une clé API, accédez aux clés API via les paramètres. La création de la clé API ici donnera à la fois la clé secrète et la clé API. Il est maintenant possible de générer un jeton en utilisant npm install qui utilise le package npm. Les jetons peuvent également être générés dans plusieurs langues. La valeur d'identité doit être modifiée pour chaque jeton car le même jeton ne peut pas être utilisé à différents endroits.

Il existe une autre façon de créer un jeton à l'aide des outils Twilio. Cliquez sur les outils Twilio et écrivez une identité et un nom de pièce. Cela générera le jeton d'accès. Enregistrez ces clés en toute sécurité pour la partie ultérieure.

La partie Twilio de l'application de santé de consultation vidéo se termine ici. Commençons maintenant par la partie développement de React Native.

Partie 2 : Installation des dépendances à l'aide d'un kit de démarrage React Native

Ici, nous utiliserons le kit de démarrage React Native qui peut être copié à partir du lien GitHub — https://github.com/flatlogic/react-native-starter. Vous devez exécuter la commande « npm install https://github.com/blackuy/react-native-twilio-video-webrtc –save » dans le répertoire du projet du terminal, puis écrire le code requis dans le fichier App.js.

Assurez-vous que toutes les dépendances requises sont installées en exécutant la commande "npm install" dans le répertoire du projet. En outre, vous devez effectuer certaines configurations pour utiliser Twilio et également utiliser l'audio, la caméra, etc.

Pour créer le dossier goto Android, vous devez ajouter les lignes de code suivantes dans le fichier settings.gradle-

inclure ':react-native-twilio-video-webrtc'

project (':react-native-twilio-video-webrtc').projectDir = nouveau fichier (rootProject.projectDir, '../node_modules/react-native-twilio-video-webrtc/android')

Maintenant, allez dans Android > app > fichier build.gradle et recherchez les dépendances. Après cela, ajoutez le code mentionné ci-dessous dans le bloc.

compiler le projet (':react-native-twilio-video-webrtc')

Ajoutez également le code mentionné ci-dessous dans Android> app> SRC> main> JAVA> com> reactnativestarter> MainApplication.java

import com.twiliorn.library.TwilioPackage ;

Après cela, remplacez la méthode getPackages() par le code requis.

Maintenant, pour demander les autorisations à l'utilisateur, il est essentiel de modifier AndroidManifest.xml en ajoutant le code requis dans ce fichier. Assurez-vous également que dans votre compte Twilio, la création de salle côté client est activée.

Exécution de l'application

Enfin, lorsque toutes les étapes sont implémentées et que le code est exécuté, exécutez votre application React Native Healthcare en exécutant la commande "react-native run-android" depuis la fenêtre du terminal.

Verdict final

Ici, nous avons développé une application React Native simple pour démontrer la capacité d'appel vidéo de Twilio. Mais nous devons juste nous rappeler que certaines choses comme les connexions utilisateur, la génération de jetons d'accès utilisateur, la création de salle, etc. doivent être gérées avec beaucoup de diligence sur le backend.

Souhaitez-vous développer une application de soins de santé de consultation vidéo avec la mise en œuvre de Twilio dans React Native, comme indiqué ci-dessus ? Nous espérons que les étapes susmentionnées seront utiles aux développeurs React Native. Pour toute assistance technique dans la création d'une application personnalisée de consultation médicale par vidéo à la demande, contactez Biz4Solutions, une société de développement d'applications de santé hautement compétente avec plus de 11 ans d'expérience dans ce domaine.