M365Con 2027 – مؤتمر مجاني عبر الإنترنت · 11–22 Jan 2027 · 120 sessions→ m365con.net

المدونة · Mirko Peters

إتقان علامات التبويب والروبوتات والإضافات في Microsoft Teams

By ·

مرحبًا بعودتكم إلى البودكاست! إذا سبق أن تساءلتم عن كيفية تحويل منصة التعاون اليومية لديكم إلى محرك إنتاجية قوي، فأنتم في المكان الصحيح. اليوم نتوسع في حلقتنا الأخيرة ونتعمق في أساسيات تطوير تطبيقات Microsoft Teams. فمن خلال الجمع بين الركائز المعمارية الأساسية لعلامات التبويب والروبوتات وإضافات الرسائل، يمكنكم تبسيط سير العمل لدى فريقكم والتخلص من الاحتكاك الناتج عن تبديل السياقات.

Automatically translated with AI from the original post. Read the English original

▶ BLOGMastering Tabs, Bots,and Extensions in…M365.FM
Titelbild: Mastering Tabs, Bots, and Extensions in Microsoft Teams

مرحبًا بعودتكم إلى البودكاست! إذا سبق أن تساءلتم عن كيفية تحويل منصة التعاون اليومية لديكم إلى محرك إنتاجية قوي، فأنتم في المكان الصحيح. اليوم نتوسع في حلقتنا الأخيرة ونتعمق في أساسيات تطوير تطبيقات Microsoft Teams. فمن خلال الجمع بين الركائز المعمارية الأساسية لعلامات التبويب والروبوتات وإضافات الرسائل، يمكنكم تبسيط سير العمل لدى فريقكم والتخلص من الاحتكاك الناتج عن تبديل السياقات.

إذا لم تستمعوا بعد إلى الحلقة المرافقة، فتأكدوا من الاطلاع على الحلقة ذات الصلة Build Microsoft Teams Apps with Bots, Tabs, and Extensions. في تلك الحلقة نستعرض سيناريوهات واقعية للاستفادة من منظومة Microsoft 365. وفي هذه المدونة سنفصّل هذه المفاهيم، ونستكشف خطوات عملية التطوير، ونتناول أفضل الممارسات للأمان والنشر وتصميم واجهة المستخدم وتجربته.

سواء كنتم مطوّرين مؤسسيين ذوي خبرة أو من عشاق التطوير منخفض الشيفرة الساعين إلى أتمتة عمليات الفريق، فإن إتقان هذه المكونات الأساسية سيغيّر طريقة إنجاز مؤسستكم للعمل.

مقدمة في تطوير تطبيقات Microsoft Teams

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

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

المتطلبات الأساسية لبناء التطبيقات المخصصة

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

الحساب في Microsoft 365 وإعداد المسؤول

تحتاجون إلى حساب Microsoft 365 للعمل أو الدراسة للوصول إلى منصة تطوير Microsoft Teams. كما يجب على مسؤولي تقنية المعلومات في مؤسستكم تفعيل النهج التي تسمح برفع التطبيقات المخصصة. اتبعوا هذه الخطوات للتحقق من إعدادات المستأجر أو تعديلها:

  1. سجّلوا الدخول إلى مركز إدارة Teams.
  2. انتقلوا إلى تطبيقات Teams واختاروا نهج الإعداد.
  3. أضيفوا نهجًا جديدًا أو عدّلوا نهجًا موجودًا.
  4. فعّلوا خيار رفع التطبيقات المخصصة.
  5. احفظوا النهج وطبّقوه على مجموعة المستخدمين المستهدفة.

نصيحة: نسّقوا دائمًا مع مسؤول تقنية المعلومات في وقت مبكر من دورة حياة المشروع للتأكد من أن حسابكم يملك الأذونات الصحيحة للتحميل الجانبي للحزم المخصصة واختبارها.

الأدوات والبرامج المطلوبة

يحتاج جهازكم المحلي إلى مجموعة محددة من الأدوات لتجميع تطبيقات Teams وتغليفها وتصحيح أخطائها. يوضح الجدول أدناه حزمة البرامج الأساسية:

الأداةالغرض
Visual Studio Codeمحرر شيفرة أساسي لتطوير JavaScript وTypeScript أو أطر عمل الويب.
Microsoft Teams Toolkitيبسّط إنشاء هيكل المشروع والتصحيح المحلي وتوفير موارد السحابة.
Node.jsبيئة تشغيل JavaScript من جانب الخادم ضرورية لتشغيل خدمات التطبيق المحلية.
ngrok (أو أداة نفق مشابهة)يعرض خادم التطوير المحلي لديكم بشكل آمن على الإنترنت العام لدمج خطافات الويب (webhooks) مع Teams.

فهم إمكانات تطبيقات Teams الأساسية

يعتمد كل حل مخصص على إمكانة واحدة أو أكثر تقدمها المنصة. اختيار الإمكانة المناسبة يضمن توافق تطبيقكم مع متطلبات عملكم.

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

من خلال دمج هذه الإمكانات في حزمة تطبيق واحدة، يمكنك إنشاء تجربة مستخدم متماسكة تعالج حالات استخدام متعددة في الوقت نفسه.

إتقان امتدادات الرسائل في Teams

ترتقي امتدادات الرسائل بتفاعلات الدردشة المعتادة عبر ربط المحادثات بمصادر بيانات خارجية. وهناك ثلاثة أنواع رئيسية من الامتدادات يمكنك تطبيقها:

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

تُظهر حلول مثل امتدادات الرسائل في Microsoft Teams كيف يمكن لتوسيع الروابط غير المتزامن وأوامر البحث أن تقلّل بشكل كبير الوقت المستغرق في البحث عن المعلومات عبر أنظمة المؤسسة المتفرقة.

عملية التطوير خطوة بخطوة

يتبع إنشاء أول تطبيق لـ Teams دورة حياة واضحة المعالم، تبدأ من التهيئة وصولًا إلى التغليف والاختبار.

  1. إنشاء هيكل المشروع: استخدم الامتداد Teams Toolkit في Visual Studio Code لإنشاء قالب مشروع أولي.
  2. ضبط البيان: حدّد هوية التطبيق والأيقونات والإمكانات في ملف البيان بتنسيق JSON.
  3. بناء الميزات الأساسية: طوّر علامات التبويب في الواجهة الأمامية باستخدام React أو تقنيات الويب القياسية، ونفّذ منطق الروبوت باستخدام Bot Framework SDK.
  4. الاختبار محليًا: شغّل الخادم المحلي، وأنشئ نفقًا باستخدام ngrok، ثم قم بالتحميل الجانبي لحزمة التطبيق إلى عميل Teams الشخصي لديك.
  5. التغليف للتوزيع: اضغط البيان والأيقونات في ملف .zip لنشره على مستوى المستأجر بأكمله أو لإرساله إلى متجر التطبيقات.

دمج Microsoft Graph وواجهات برمجة التطبيقات

لجعل تطبيقك المخصص ذكيًا حقًا، ينبغي ربطه بـ Microsoft Graph. يوفّر Graph نقطة نهاية واحدة للوصول إلى بيانات المؤسسة عبر Microsoft 365، بما في ذلك ملفات تعريف المستخدمين، وأحداث التقويم، والملفات، وسجلات الدردشة.

من خلال الاستفادة من نقاط نهاية Graph API، يستطيع تطبيقك تلقائيًا توفير قنوات جديدة، ونشر تنبيهات النظام في سلاسل الدردشة، وفرض نهج أمان بمستوى المؤسسات عبر مصادقة Azure AD. كما يمكن ربط واجهات REST API الخارجية بتدفقات الروبوت لديك، مما يتيح لـ Teams أن يعمل كلوحة موحدة لجميع برمجيات المؤسسة.

الاختبار المحلي وتصحيح الأخطاء

يُعدّ الاختبار المحلي أمرًا بالغ الأهمية قبل دفع أي شيفرة إلى بيئة الإنتاج. ولأن Teams يعمل في السحابة ويتواصل مع تطبيقك عبر Webhooks، يجب استخدام أدوات أنفاق آمنة مثل ngrok لربط بيئتك المحلية بعنوان URL عام يعمل عبر HTTPS.

ينبغي لكل مطوّر تحميل نسخته الخاصة من حزمة التطبيق جانبيًا أثناء الاختبار لتجنب تعارضات الإعدادات. استخدم أدوات المطور في المتصفح ضمن Microsoft Edge أو Google Chrome لفحص حركة الشبكة، وتصحيح النصوص البرمجية من جهة العميل، وتحسين تخطيطات الواجهة المتجاوبة.

استراتيجيات النشر والتوزيع

بعد اختبار تطبيقك بدقة، عليك أن تقرر كيفية توزيعه على المستخدمين:

  • التحميل الجانبي: الخيار الأمثل للاختبار الأولي وفرق التطوير الصغيرة.
  • كتالوج تطبيقات المؤسسة: ارفع حزمة التطبيق إلى متجر التطبيقات الخاص بالمستأجر لديك لأغراض الحوكمة المؤسسية الداخلية والنشر الواسع.
  • متجر Microsoft Teams: أرسل حلّك إلى Partner Center للاكتشاف العام والتوزيع على مستوى المؤسسات حول العالم.

تأكد من أن جميع سياسات الخصوصية واتفاقيات شروط الاستخدام وروابط الدعم المطلوبة متاحة للعامة وفعّالة قبل إرسال تطبيقك للمراجعة الرسمية.

أفضل ممارسات واجهة المستخدم وتجربته

تضمن واجهة المستخدم المتميزة ارتفاع معدلات التبني عبر مؤسستك. اتبع إرشادات التصميم التالية لجعل تطبيقك يبدو أصليًا داخل Teams:

  • التزم بمعايير تصميم Microsoft من خلال استخدام خط Segoe UI ودعم السمات الفاتحة والداكنة وذات التباين العالي.
  • استفد من مكونات Fluent UI React في علامات التبويب ووحدات المهام للحفاظ على الاتساق البصري مع بقية أجزاء Teams.
  • استخدم Adaptive Cards للرسائل والإشعارات لضمان عرض واجهتك بشكل سليم على عملاء سطح المكتب والويب والأجهزة المحمولة.
  • ادمج ميزات إمكانية الوصول، مثل التوافق مع قارئات الشاشة، والتنقل بلوحة المفاتيح، والنص البديل المناسب للصور.

الأمن والامتثال والمصادقة

يجب أن تلتزم تطبيقات المؤسسات ببروتوكولات أمنية صارمة. أمّن تطبيقك دائمًا باستخدام Microsoft Entra ID (المعروف سابقًا باسم Azure AD)، وطبّق OAuth 2.0 للمصادقة القائمة على الرموز المميزة.

طبّق مبدأ أقل الامتيازات بطلب أذونات Graph المحددة التي يحتاجها تطبيقك فعلًا فقط. تأكد من تشفير جميع البيانات أثناء النقل وأثناء التخزين، واطّلع على معايير الامتثال التنظيمية مثل GDPR وHIPAA وأطر ISO.

صيانة تطبيق Teams وتحديثه

لا ينتهي تطوير التطبيق عند النشر. يتطلب النجاح على المدى الطويل صيانة نشطة ومراقبة للأداء وتحسينًا مستمرًا يعتمد على ملاحظات المستخدمين.

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

الخاتمة

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

للتعمق أكثر في التطبيقات العملية، تأكد من الاستماع إلى الحلقة المصاحبة من البودكاست: Build Microsoft Teams Apps with Bots, Tabs, and Extensions. استكشف موارد المطورين في Microsoft 365، وجهّز أدواتك، وابدأ ببناء أول تطبيق مخصص لك في Teams اليوم!

Entities in this article

Microsoft Teams Dashboards Microsoft Entra ID Microsoft Graph Microsoft 365 JavaScript Modern Work React Teams administrator Visual Studio Code

Related articles

RSS