Как создать медицинское приложение для видеоконсультаций в React Native с помощью Twilio!

С момента появления приложений мобильного здравоохранения медицинские организации стали свидетелями кардинальных изменений в отношении пациентов к врачам. Теперь пациенты имеют больший контроль над своими медицинскими решениями, а система в целом стала более ориентированной на пациента. Благодаря этому на рынке появилось множество приложений мобильного здравоохранения, и одним из таких нововведений является медицинское приложение для видеоконсультаций. Это приложение позволяет пациентам и врачам мгновенно общаться в случае чрезвычайной ситуации или когда нет возможности посетить больницу. Врачи могут отправлять электронные рецепты онлайн и оказывать медицинскую помощь. Таким образом, наличие приложения для онлайн-медицинских консультаций с возможностью видеосвязи всегда может быть выгодным решением для любого медицинского учреждения или даже отдельного практикующего врача.

Итак, сегодняшняя тема посвящена созданию медицинского приложения для видеоконсультаций. Для этой цели мы рассмотрим фреймворк React Native, поскольку службы разработки React Native — идеальный выбор для разработки кроссплатформенных приложений, подобных нативным. Кроме того, мы поговорим о Twilio как об облачной коммуникационной платформе, которая широко используется в приложениях для видеозвонков. Давайте начнем с того, что такое Twilio, а затем с процесса создания приложения.

Что такое Твило?

Twilio — это американская облачная служба или облачная коммуникационная платформа как услуга (CPaaS). Он действует как мощный инструмент связи и устраняет разрыв между различными мобильными устройствами, другими системами, услугами и т. д. и телефонией. При разработке React Native API-интерфейсы, предлагаемые Twilio, позволяют разработчикам реализовывать несколько коммуникационных сервисов, таких как совершение и прием аудио- и видеозвонков, отправка и получение текстовых сообщений и т. д. Эти сервисы также включают ботов с искусственным интеллектом, электронную почту и т. д. В этом процессе Помимо аудио/видеозвонков, можно работать и с другими функциями, такими как восстановление учетной записи, проверка телефона, вызовы в приложении или чаты в приложении и т. д.

Чтобы интегрировать Twilio в приложение, разработчикам React Native потребуются существующие знания о Cocoapods, React Native Navigation, React и т. д. Twilio

Вот несколько основных преимуществ использования Twilio.

• Twilio довольно прост в освоении, поэтому доступно множество разработчиков.
• Он следует стандартному методу связи: HTTP.
• Переключение между технологиями также намного проще.
• Благодаря платформе как услуге (PaaS) капитальные затраты несколько ниже. Даже затраты на развертывание ниже и постепенно увеличиваются по мере роста компании.

Основные этапы создания приложения React Native Healthcare с видеоконсультацией с использованием Twilio WebRTC

При использовании Twilio WebRTC для приложения для видеозвонков в сфере здравоохранения компания-разработчик приложений React Native должна следовать пошаговой процедуре, приведенной ниже. Эта процедура разделена на две основные части: первая часть посвящена созданию токена с помощью Twilio, а вторая — установке зависимостей с использованием стартового набора React Native. Кроме того, сейчас мы рассмотрим приложение React Native для Android. Итак, приступим к первой части.

Часть 1: Генерация токена с помощью Twilio

Twilio предоставляет SDK для IOS/Android и JavaScript. Но для React Native Twilio не предоставляет никакой прямой поддержки. Таким образом, разработчики React Native могут использовать JavaScript SDK для нескольких сервисов, но это невозможно для других сервисов, потому что это в значительной степени зависит от API-интерфейсов браузера. Есть еще одна альтернатива — портирование родного Android/IOS SDK в React Native. Итак, здесь мы использовали эту комбинацию: Twilio Video (WebRTC) для React Native.

Во-первых, создайте учетную запись на https://www.twilio.com/. Зарегистрируйтесь для получения пробной версии и подтвердите свои учетные данные, такие как номер телефона, адрес электронной почты и т. д. Теперь вы будете перенаправлены на панель управления.

Вам понадобится SID АККАУНТА вместе с ключом API и секретным ключом для создания токена. Чтобы сгенерировать ключ API, перейдите к ключам API через настройки. Создание ключа API здесь даст как секретный ключ, так и ключ API. Теперь можно сгенерировать токен с помощью npm install, который использует пакет npm. Токены также могут быть сгенерированы на нескольких языках. Значение идентификатора должно быть изменено для каждого токена, поскольку один и тот же токен нельзя использовать в разных местах.

Есть еще один способ создать токен с помощью инструментов Twilio. Нажмите на инструменты Twilio и напишите имя и имя комнаты. Это сгенерирует токен доступа. Надежно сохраните эти ключи для последующей части.

На этом часть Twilio медицинского приложения для видеоконсультаций заканчивается. Теперь давайте начнем с части разработки React Native.

Часть 2. Установка зависимостей с помощью React Native Starter Kit

Здесь мы будем использовать стартовый набор React Native, который можно скопировать по ссылке GitHub — 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:

включить ': реагировать-родной-twilio-видео-webrtc'

project (':react-native-twilio-video-webrtc').projectDir = новый файл (rootProject.projectDir, '../node_modules/react-native-twilio-video-webrtc/android')

Теперь перейдите в Android > приложение > файл 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 Health, выполнив команду «react-native run-android» из окна терминала.

Окончательный вердикт

Здесь мы разработали простое приложение React Native, чтобы продемонстрировать возможности видеозвонков Twilio. Но нам просто нужно помнить, что несколько вещей, таких как пользовательские подключения, генерация маркера доступа пользователя, создание комнаты и т. д., должны очень тщательно обрабатываться на бэкэнде.

Хотели бы вы разработать медицинское приложение для видеоконсультаций с реализацией Twilio в React Native, как описано выше? Мы надеемся, что описанные выше шаги будут полезны разработчикам React Native. Если вам нужна техническая помощь в создании индивидуального медицинского приложения для видеоконсультаций с врачом по запросу, свяжитесь с Biz4Solutions, высококвалифицированной компанией по разработке приложений для здравоохранения с более чем 11-летним опытом работы в этой области.