Jak utworzyć aplikację do konsultacji wideo dla służby zdrowia w React Native za pomocą Twilio!

Od czasu wprowadzenia aplikacji m-zdrowia organizacje opieki zdrowotnej doświadczyły radykalnej zmiany w sposobie, w jaki pacjenci odnoszą się do lekarzy. Teraz pacjenci mają większą kontrolę nad swoimi decyzjami medycznymi, a cały system stał się bardziej zorientowany na pacjenta. Dzięki temu na rynku pojawiło się wiele aplikacji m-zdrowia, a aplikacja do konsultacji wideo jest jedną z takich innowacji. Ta aplikacja umożliwia pacjentom i lekarzom natychmiastową komunikację w nagłych wypadkach lub gdy nie ma możliwości wizyty w szpitalu. Lekarze mogą wysyłać e-Recepty online i udzielać pomocy medycznej. Tak więc posiadanie aplikacji do konsultacji medycznych online z funkcją wideorozmów zawsze może być lukratywną decyzją dla dowolnego organu medycznego, a nawet indywidualnego lekarza.

Tak więc dzisiejszy temat dotyczy tworzenia aplikacji do konsultacji wideo dotyczących opieki zdrowotnej. W tym celu rozważymy framework React Native, ponieważ usługi programistyczne React Native są idealnym wyborem do tworzenia wieloplatformowych aplikacji podobnych do natywnych. Porozmawiamy również o Twilio jako platformie komunikacyjnej w chmurze, która jest szeroko stosowana w aplikacjach do rozmów wideo. Zacznijmy od tego, czym jest Twilio, a następnie od procesu tworzenia aplikacji.

Co to jest Twilio?

Twilio to amerykańska usługa w chmurze lub platforma komunikacji w chmurze jako usługa (CPaaS). Działa jako potężne narzędzie komunikacji i wypełnia lukę między różnymi urządzeniami mobilnymi, innymi systemami, usługami itp. oraz telefonią. W rozwoju React Native interfejsy API oferowane przez Twilio umożliwiają programistom wdrożenie kilku usług komunikacyjnych, takich jak wykonywanie i odbieranie połączeń telefonicznych audio/wideo, wysyłanie i odbieranie wiadomości tekstowych itp. Usługi te obejmują również boty AI, wiadomości e-mail itp. W tym procesie Oprócz połączeń audio/wideo można również pracować nad innymi funkcjami, takimi jak odzyskiwanie konta, weryfikacja telefonu, rozmowy w aplikacji lub czaty w aplikacji itp.

Aby zintegrować Twilio z aplikacją, programiści React Native będą potrzebować istniejącej wiedzy na temat Cocoapods, React Native Navigation, React itp. Twilio

Oto kilka najważniejszych zalet korzystania z Twilio

• Twilio jest dość łatwy do nauczenia, dlatego dostępnych jest mnóstwo programistów.
• Jest to standardowa metoda komunikacji: HTTP.
• Przełączanie się między technologiami jest również znacznie łatwiejsze.
• Dzięki Platforms as a Service (PaaS) koszty kapitałowe są nieco niższe. Nawet koszty wdrożenia są niższe i stopniowo rosną wraz z rozwojem firmy.

Kluczowe kroki w tworzeniu aplikacji React Native Healthcare z konsultacjami wideo przy użyciu Twilio WebRTC

Korzystając z Twilio WebRTC w aplikacji do połączeń wideo w służbie zdrowia, firma tworząca aplikacje React Native powinna postępować zgodnie z procedurą krok po kroku podaną poniżej. Ta procedura jest podzielona na dwie główne części, z których pierwsza dotyczy generowania tokena za pomocą Twilio, a druga część mówi o instalowaniu zależności za pomocą zestawu startowego React Native. Na razie rozważymy także aplikację React Native na Androida. Zacznijmy więc od pierwszej części.

Część 1: Generowanie tokenów za pomocą Twilio

Twilio udostępnia zarówno zestawy SDK dla systemów IOS/Android, jak i JavaScript. Ale w przypadku React Native Twilio nie zapewnia żadnego bezpośredniego wsparcia. Tak więc programiści React Native mogą używać JavaScript SDK dla kilku usług, ale nie jest to możliwe w przypadku innych usług, ponieważ w dużej mierze zależy to od interfejsów API przeglądarki. Jest jeszcze jedna alternatywa i polegałoby to na przeniesieniu natywnego SDK Android/IOS do React Native. Więc tutaj użyliśmy tej kombinacji: Twilio Video (WebRTC) dla React Native.

Najpierw utwórz konto na https://www.twilio.com/. Zarejestruj się w wersji próbnej i zweryfikuj swoje dane uwierzytelniające, takie jak numer telefonu, adres e-mail itp. Zostaniesz teraz przekierowany do pulpitu nawigacyjnego.

Do wygenerowania tokena potrzebny będzie ACCOUNT SID wraz z kluczem API i tajnym kluczem. Aby wygenerować klucz API, przejdź do kluczy API w ustawieniach. Utworzenie tutaj klucza API da zarówno klucz tajny, jak i klucz API. Możliwe jest teraz generowanie tokena za pomocą instalacji npm, która korzysta z pakietu npm. Tokeny mogą być również generowane w wielu językach. Wartość tożsamości należy zmienić dla każdego tokena, ponieważ ten sam token nie może być używany w różnych miejscach.

Jest jeszcze jeden sposób na utworzenie tokena za pomocą narzędzi Twilio. Kliknij narzędzia Twilio i wpisz tożsamość oraz nazwę pokoju. To wygeneruje token dostępu. Bezpiecznie zachowaj te klucze na później.

Tutaj kończy się część Twilio w aplikacji do konsultacji wideo dotyczących opieki zdrowotnej. Teraz zacznijmy od części deweloperskiej React Native.

Część 2: Instalowanie zależności za pomocą zestawu startowego React Native Starter Kit

Tutaj użyjemy zestawu startowego React Native, który można skopiować z linku GitHub — https://github.com/flatlogic/react-native-starter. Należy uruchomić polecenie „npm install https://github.com/blackuy/react-native-twilio-video-webrtc –save” w katalogu projektu terminala, a następnie wpisać wymagany kod w pliku App.js.

Upewnij się, że wszystkie wymagane zależności zostały zainstalowane, wykonując polecenie „npm install” w katalogu projektu. Ponadto musisz dokonać pewnych konfiguracji do korzystania z Twilio, a także korzystać z dźwięku, kamery itp.

Aby utworzyć folder goto Android, należy dodać następujące linie kodu w pliku settings.gradle-

uwzględnij ':react-native-twilio-video-webrtc'

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

Teraz przejdź do Android> aplikacja> plik build.gradle i wyszukaj zależności. Następnie dodaj poniższy kod w bloku.

skompiluj projekt (':react-native-twilio-video-webrtc')

Dodaj również poniższy kod w Android > app >SRC > main >JAVA > com > reactnativestarter > MainApplication.java

importuj com.twiliorn.library.TwilioPackage;

Następnie zastąp metodę getPackages() wymaganym kodem.

Teraz, aby poprosić użytkownika o uprawnienia, należy zmodyfikować plik AndroidManifest.xml, dodając wymagany kod w tym pliku. Upewnij się również, że na Twoim koncie Twilio jest włączone tworzenie pokoju po stronie klienta.

Uruchamianie aplikacji

Na koniec, po zaimplementowaniu wszystkich kroków i wykonaniu kodu, uruchom aplikację opieki zdrowotnej React Native, wykonując polecenie „react-native run-android” z okna terminala.

Ostateczny werdykt

Tutaj opracowaliśmy prostą aplikację React Native, aby zademonstrować możliwości połączeń wideo w Twilio. Ale musimy tylko pamiętać, że kilka rzeczy, takich jak połączenia użytkowników, generowanie tokenów dostępu użytkowników, tworzenie pokoi itp., musi być bardzo skrupulatnie obsłużonych na zapleczu.

Czy chcesz opracować aplikację wideo konsultacyjną dotyczącą opieki zdrowotnej z implementacją Twilio w React Native, jak opisano powyżej? Mamy nadzieję, że powyższe kroki będą pomocne dla programistów React Native. Aby uzyskać pomoc techniczną w tworzeniu dostosowanej aplikacji medycznej do konsultacji wideo na żądanie, skontaktuj się z Biz4Solutions, wysoce biegłą firmą zajmującą się tworzeniem aplikacji dla opieki zdrowotnej z ponad 11-letnim doświadczeniem w tej dziedzinie.