كيفية إنشاء تطبيق استشارة فيديو للرعاية الصحية في React Native باستخدام Twilio!

منذ إدخال تطبيقات الصحة المحمولة ، شهدت مؤسسات الرعاية الصحية تغيرًا جذريًا في طريقة تعامل المرضى مع الأطباء. الآن أصبح لدى المرضى سيطرة أكبر على قراراتهم الطبية وأصبح النظام العام أكثر تركيزًا على المريض. نتيجة لذلك ، ظهرت مجموعة متنوعة من تطبيقات الصحة المحمولة في السوق ، ويعد تطبيق استشارات الرعاية الصحية بالفيديو أحد هذه الابتكارات. يتيح هذا التطبيق للمرضى والأطباء التواصل الفوري في حالة الطوارئ أو عندما يتعذر زيارة المستشفى. يمكن للأطباء إرسال وصفات طبية إلكترونية عبر الإنترنت وتقديم المساعدة الطبية. لذلك ، فإن الحصول على تطبيق استشارة طبية عبر الإنترنت مع مرفق للاتصال عبر الفيديو يمكن أن يكون دائمًا قرارًا مربحًا لأي هيئة طبية أو حتى ممارس فردي.

لذا ، فإن موضوع اليوم يدور حول إنشاء تطبيق استشارة فيديو للرعاية الصحية. سننظر في إطار عمل React Native لهذا الغرض نظرًا لأن خدمات تطوير React Native تعد اختيارًا مثاليًا لتطوير تطبيقات عبر الأنظمة الأساسية تشبه التطبيقات المحلية. أيضًا ، سنتحدث عن Twilio كمنصة اتصالات سحابية تُستخدم على نطاق واسع في تطبيقات مكالمات الفيديو. لنبدأ بما هو Twilio ثم عملية إنشاء التطبيق.

ما هو تويليو؟

Twilio هي خدمة سحابية أمريكية أو منصة اتصالات سحابية كخدمة (CPaaS). تعمل كأداة اتصال قوية وتعمل على سد الفجوة بين مختلف الأجهزة المحمولة والأنظمة والخدمات الأخرى وما إلى ذلك ، والاتصالات الهاتفية. في تطوير React Native ، تمكّن واجهات برمجة التطبيقات التي تقدمها 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 starter kit. أيضًا ، سننظر في تطبيق React Native Android في الوقت الحالي. فلنبدأ مع الجزء الأول.

الجزء 1: توليد الرموز مع Twilio

يوفر Twilio كلاً من IOS / Android SDKs و JavaScript. لكن بالنسبة إلى React Native ، لا تقدم Twilio أي دعم مباشر. لذلك ، يمكن لمطوري React Native استخدام JavaScript SDK لعدد قليل من الخدمات ولكن هذا غير ممكن للخدمات الأخرى ، لأنه يعتمد إلى حد كبير على واجهات برمجة تطبيقات المتصفح. هناك بديل آخر وهو نقل Android / IOS SDK الأصلي إلى React Native. هنا ، استخدمنا هذه المجموعة: Twilio Video (WebRTC) لـ React Native.

أولاً ، قم بإنشاء حساب على https://www.twilio.com/. قم بالتسجيل للحصول على نسخة تجريبية وتحقق من بيانات الاعتماد الخاصة بك مثل رقم الهاتف والبريد الإلكتروني وما إلى ذلك. سيتم توجيهك الآن إلى لوحة المعلومات.

ستحتاج إلى ACCOUNT SID مع مفتاح API ومفتاح سري لإنشاء رمز مميز. لإنشاء مفتاح API ، انتقل إلى مفاتيح API من خلال الإعدادات. سيعطي إنشاء مفتاح API هنا كلاً من المفتاح السري ومفتاح API. أصبح من الممكن الآن إنشاء رمز مميز باستخدام تثبيت npm الذي يستخدم حزمة npm. يمكن أيضًا إنشاء الرموز المميزة بلغات متعددة أيضًا. يجب تغيير قيمة الهوية لكل رمز مميز حيث لا يمكن استخدام نفس الرمز المميز في أماكن مختلفة.

هناك طريقة أخرى لإنشاء رمز باستخدام أدوات Twilio. انقر فوق أدوات Twilio واكتب هوية واسم غرفة. سيؤدي هذا إلى إنشاء رمز الوصول. احفظ هذه المفاتيح بأمان للجزء اللاحق.

ينتهي جزء Twilio من تطبيق استشارات الرعاية الصحية بالفيديو هنا. الآن دعونا نبدأ بجزء تطوير React Native.

الجزء 2: تثبيت التبعيات باستخدام React Native Starter Kit

سنستخدم هنا مجموعة React Native starter التي يمكن نسخها من رابط GitHub - https://github.com/flatlogic/react-native-starter. تحتاج إلى تشغيل الأمر "npm install https://github.com/blackuy/react-native-twilio-video-webrtc –save" في دليل المشروع الطرفي ثم كتابة الكود المطلوب في ملف App.js.

تأكد من تثبيت جميع التبعيات المطلوبة عن طريق تنفيذ الأمر "تثبيت npm" في دليل المشروع. تحتاج أيضًا إلى إجراء بعض التكوينات لاستخدام Twilio وأيضًا استخدام الصوت والكاميرا وما إلى ذلك.

لإنشاء مجلد goto Android ، يجب إضافة سطور التعليمات البرمجية التالية في ملف settings.gradle-

تشمل ": رد فعل أصلي-twilio-video-webrtc"

مشروع (': reaction-native-twilio-video-webrtc'). projectDir = ملف جديد (rootProject.projectDir، '../node_modules/react-native-twilio-video-webrtc/android')

الآن ، انتقل إلى Android> app> ملف build.gradle وابحث عن التبعيات. بعد ذلك ، أضف الكود المذكور أدناه في الكتلة.

ترجمة المشروع (': رد فعل أصلي-twilio-video-webrtc')

أضف أيضًا الكود المذكور أدناه في Android> التطبيق> SRC> main> JAVA> com> رد فعل> MainApplication.java

استيراد com.twiliorn.library.TwilioPackage ؛

بعد ذلك ، استبدل طريقة getPackages () بالكود المطلوب.

الآن لطلب الأذونات من المستخدم ، من الضروري تعديل AndroidManifest.xml عن طريق إضافة الكود المطلوب في هذا الملف. تأكد أيضًا من تمكين إنشاء غرفة من جانب العميل في حساب Twilio الخاص بك.

تشغيل التطبيق

أخيرًا ، عندما يتم تنفيذ جميع الخطوات وتنفيذ التعليمات البرمجية ، قم بتشغيل تطبيق React Native Healthcare الخاص بك عن طريق تنفيذ الأمر "رد فعل أصلي تشغيل android" من نافذة المحطة الطرفية.

الحكم النهائي

هنا قمنا بتطوير تطبيق React Native بسيط لإثبات قدرة Twilio على الاتصال بالفيديو. لكن علينا فقط أن نتذكر أن بعض الأشياء مثل اتصالات المستخدم ، وإنشاء رمز وصول المستخدم ، وإنشاء الغرفة ، وما إلى ذلك ، يجب التعامل معها بجدية شديدة على الواجهة الخلفية.

هل ترغب في تطوير تطبيق Video Consultation للرعاية الصحية باستخدام تطبيق Twilio في React Native كما هو موضح أعلاه؟ نأمل أن تكون الخطوات المذكورة أعلاه مفيدة لمطوري React Native. للحصول على أي مساعدة تقنية في إنشاء تطبيق رعاية صحية مخصص لاستشارة الطبيب عند الطلب ، اتصل بشركة Biz4Solutions ، وهي شركة تطوير تطبيقات رعاية صحية عالية الكفاءة تتمتع بخبرة تزيد عن 11 عامًا في هذا المجال.