Twilio Kullanarak React Native'de Video Danışmanlık Healthcare Uygulaması nasıl oluşturulur!

mHealth uygulamalarının kullanıma sunulmasından bu yana, sağlık kuruluşları, hastaların doktorlarla ilişki kurma biçiminde büyük bir değişime tanık oldu. Artık hastalar tıbbi kararları üzerinde daha fazla kontrole sahipler ve genel sistem daha hasta merkezli hale geldi. Bu nedenle, piyasada çeşitli mSağlık uygulamaları ortaya çıktı ve bir video danışma sağlık uygulaması böyle bir yeniliktir. Bu uygulama, acil bir durumda veya hastaneye gitmenin mümkün olmadığı durumlarda hasta ve doktorların anında iletişim kurmasını sağlar. Doktorlar çevrimiçi e-reçete gönderebilir ve tıbbi yardım sağlayabilir. Bu nedenle, görüntülü arama olanağına sahip bir Çevrimiçi Tıbbi Danışma Uygulamasına sahip olmak, herhangi bir tıbbi kuruluş ve hatta bireysel bir pratisyen için her zaman kazançlı bir karar olabilir.

Bu nedenle, bugünün konusu bir video konsültasyon sağlık uygulaması oluşturmakla ilgili. React Native geliştirme hizmetleri, yerel benzeri çapraz platform uygulamaları geliştirmek için mükemmel bir seçim olduğundan, bu amaç için React Native çerçevesini ele alacağız. Ayrıca görüntülü arama uygulamalarında yaygın olarak kullanılan bir bulut iletişim platformu olarak Twilio'dan bahsedeceğiz. Şimdi Twilio'nun ne olduğuyla ve ardından uygulamayı oluşturma süreciyle başlayalım.

Twilio nedir?

Twilio, bir Amerikan bulut tabanlı hizmet veya hizmet olarak bulut iletişim platformudur (CPaaS). Güçlü bir iletişim aracı görevi görür ve çeşitli mobil cihazlar, diğer sistemler, hizmetler vb. ile telefon arasındaki boşluğu kapatır. React Native geliştirmede Twilio tarafından sunulan API'ler, geliştiricilerin sesli/görüntülü telefon görüşmeleri yapma ve alma, metin mesajları gönderme ve alma vb. gibi çeşitli iletişim hizmetlerini uygulamasını sağlar. Bu hizmetler ayrıca AI botlarını, e-postaları vb. içerir. Bu süreçte, sesli/görüntülü aramaya ek olarak, hesap kurtarma, telefon doğrulama, uygulama içi aramalar veya uygulama içi sohbetler vb. gibi diğer özellikler üzerinde de çalışılabilir.

Twilio'yu uygulamaya entegre etmek için React Native geliştiricilerinin Cocoapod'lar, React Native Navigation, React vb. hakkında mevcut bilgilere ihtiyacı olacak. Twilio

İşte Twilio kullanmanın birkaç önemli faydası

• Twilio'yu öğrenmesi oldukça kolaydır ve bu nedenle çok sayıda geliştirici mevcuttur.
• Standart bir iletişim yöntemi izler: HTTP.
• Teknolojiler arasında geçiş yapmak da çok daha kolay.
• Hizmet Olarak Platformlar (PaaS) sayesinde sermaye maliyetleri biraz daha düşüktür. Dağıtım maliyetleri bile daha düşüktür ve şirket büyüdükçe kademeli olarak artar.

Twilio WebRTC Kullanarak Video Danışma ile React Native Healthcare Uygulaması Oluşturmak için Temel Adımlar

Sağlık hizmeti görüntülü arama uygulaması için Twilio WebRTC'yi kullanırken, bir React Native uygulama geliştirme şirketi aşağıda verilen adım adım prosedürü izlemelidir. Bu prosedür, ilk bölümün Twilio kullanarak bir belirteç oluşturma hakkında olduğu ve ikinci bölümün bir React Native başlangıç ​​kiti kullanarak bağımlılıkları yükleme hakkında konuştuğu iki ana bölüme ayrılmıştır. Ayrıca şimdilik bir React Native Android uygulamasını ele alacağız. O halde ilk bölümle başlayalım.

Bölüm 1: Twilio ile Token Oluşturma

Twilio, hem IOS/Android SDK'ları hem de JavaScript sağlar. Ancak React Native için Twilio herhangi bir doğrudan destek sağlamaz. Bu nedenle, React Native geliştiricileri JavaScript SDK'sını birkaç hizmet için kullanabilir, ancak bu diğer hizmetler için mümkün değildir, çünkü büyük ölçüde tarayıcı API'lerine bağlıdır. Bir alternatif daha var ve bu, yerel Android/IOS SDK'yı React Native'e taşımak olabilir. Yani burada, şu kombinasyonu kullandık: React Native için Twilio Video (WebRTC).

Öncelikle https://www.twilio.com/ adresinde bir hesap oluşturun. Deneme için kaydolun ve telefon numarası, e-posta vb. gibi kimlik bilgilerinizi doğrulayın. Şimdi Gösterge Tablosuna yönlendirileceksiniz.

Bir belirteç oluşturmak için bir API anahtarı ve bir Gizli anahtar ile birlikte bir HESAP SID'sine ihtiyacınız olacak. API anahtarı oluşturmak için ayarlar aracılığıyla API anahtarlarına gidin. API anahtarının burada oluşturulması hem Gizli anahtarı hem de API anahtarını verecektir. Artık npm paketini kullanan npm kurulumunu kullanarak bir belirteç oluşturmak mümkün. Belirteçler ayrıca birden çok dilde de oluşturulabilir. Aynı jeton farklı yerlerde kullanılamayacağından her jeton için kimlik değeri değiştirilmelidir.

Twilio araçlarını kullanarak bir belirteç oluşturmanın bir yolu daha var. Twilio araçlarına tıklayın ve bir kimlik ve bir oda adı yazın. Bu, erişim belirtecini oluşturacaktır. Bu anahtarları sonraki kısım için güvenli bir şekilde kaydedin.

Video danışmanlığı sağlık uygulamasının Twilio kısmı burada sona eriyor. Şimdi React Native geliştirme kısmıyla başlayalım.

Bölüm 2: React Native Starter Kit kullanarak Bağımlılıkları Kurma

Burada GitHub bağlantısından kopyalanabilen React Native başlangıç ​​kitini kullanacağız - https://github.com/flatlogic/react-native-starter. Terminal proje dizininde “npm install https://github.com/blackuy/react-native-twilio-video-webrtc –save” komutunu çalıştırmanız ve ardından gerekli kodu App.js dosyasına yazmanız gerekir.

Proje dizininde "npm install" komutunun yürütülmesiyle gerekli tüm bağımlılıkların kurulduğundan emin olun. Ayrıca Twilio'yu kullanmak için bazı konfigürasyonlar yapmanız ve ayrıca ses, kamera vb.

Goto Android klasörünü yapmak için settings.gradle dosyasına aşağıdaki kod satırlarını eklemelisiniz-

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

proje (':react-native-twilio-video-webrtc').projectDir = yeni Dosya (rootProject.projectDir, '../node_modules/react-native-twilio-video-webrtc/android')

Şimdi Android > app > build.gradle dosyasına gidin ve bağımlılıkları arayın. Bundan sonra, aşağıda belirtilen kodu bloğa ekleyin.

projeyi derle (':react-native-twilio-video-webrtc')

Ayrıca, Android > app >SRC> main >JAVA> com > reactnativestarter > MainApplication.java içine aşağıdaki kodu ekleyin.

com.twiliorn.library.TwilioPackage'i içe aktarın;

Bundan sonra, getPackages() yöntemini gerekli kodla değiştirin.

Şimdi, kullanıcıdan izin istemek için, bu dosyaya gerekli kodu ekleyerek AndroidManifest.xml'i değiştirmek esastır. Ayrıca Twilio hesabınızda müşteri tarafında oda oluşturmanın etkinleştirildiğinden emin olun.

Uygulamayı Çalıştırmak

Son olarak, tüm adımlar uygulandığında ve kod yürütüldüğünde, terminal penceresinden “react-native run-android” komutunu çalıştırarak React Native sağlık uygulamanızı çalıştırın.

Nihai Karar

Burada Twilio'nun görüntülü arama özelliğini göstermek için basit bir React Native uygulaması geliştirdik. Ancak kullanıcı bağlantıları, kullanıcı erişim belirteci oluşturma, oda oluşturma vb. gibi birkaç şeyin arka uçta çok dikkatli bir şekilde ele alınması gerektiğini hatırlamamız gerekiyor.

Yukarıda belirtildiği gibi React Native'de Twilio uygulamasıyla bir Video Consultation sağlık uygulaması geliştirmek ister misiniz? Yukarıda bahsedilen adımların React Native geliştiricilerine yardımcı olacağını umuyoruz. Özelleştirilmiş bir isteğe bağlı doktor video danışmanlığı sağlık uygulaması oluşturmaya yönelik herhangi bir teknik yardım için, bu alanda 11 yılı aşkın deneyime sahip, son derece yetkin bir Sağlık Hizmeti uygulama geliştirme şirketi olan Biz4Solutions ile İletişim Kurun.