Microsoft Entra आईडी के साथ एकल साइन-ऑन कॉन्फ़िगर करें

Copilot Studio एकल साइन-ऑन (SSO) का समर्थन करता है. SSO आपकी वेबसाइट पर एजेंटों को ग्राहकों को साइन इन करने की अनुमति देता है, यदि वे पहले से ही उस पेज या ऐप पर लॉग इन हैं जहां एजेंट तैनात है।

उदाहरण के लिए, एजेंट को कॉर्पोरेट इंट्रानेट या किसी ऐसे ऐप पर होस्ट किया जाता है, जिसमें उपयोगकर्ता पहले से लॉग इन होता है।

Copilot Studioके लिए SSO को कॉन्फ़िगर करने के चार मुख्य चरण हैं:

1. अपने कस्टम कैनवास के लिए एक ऐप पंजीकरण in Microsoft Entra ID बनाएं.

2. अपने एजेंट के लिए एक कस्टम स्कोप परिभाषित करें.

3. SSO को सक्षम करने के लिए Copilot Studio में प्रमाणीकरण कॉन्फ़िगर करें.

4. SSO को सक्षम करने के लिए अपना कस्टम कैनवास HTML कोड कॉन्फ़िगर करें.

पूर्वावश्यकताएँ

• Microsoft Entra आईडी के साथ उपयोगकर्ता प्रमाणीकरण सक्षम करें
• अपने एजेंट में प्रमाणीकरण विषय जोड़ें
• कस्टम कैनवास का उपयोग करें

नोट

अन्य OAuth 2.0 प्रदाताओं का उपयोग करके SSO को कॉन्फ़िगर करने के लिए, जेनेरिक OAuth प्रदाताओं के साथ एकल साइन-ऑन कॉन्फ़िगर करें देखें.

समर्थित चैनल

निम्न तालिका उन चैनलों का विवरण देती है जो वर्तमान में SSO का समर्थन करते हैं। आप विचार मंच पर अतिरिक्त चैनलों के लिए समर्थन का सुझाव दे सकते हैं। Copilot Studio

चैनल	समर्थित
Azure बॉट सेवा चैनल	समर्थित नहीं
कस्टम वेबसाइट	समर्थित
डेमो वेबसाइट	समर्थित नहीं
Facebook	समर्थित नहीं
Microsoft Teams1	समर्थित
मोबाइल एप्लिकेशन	समर्थित नहीं
ग्राहक सेवा के लिए ओमनीचैनल2	समर्थित

¹ यदि आपके पास टीम चैनल भी सक्षम है, तो आपको दस्तावेज़ में एजेंटों के लिए ID के साथ एकल साइन-ऑन कॉन्फ़िगर करें Microsoft Entra पर कॉन्फ़िगरेशन निर्देशों का पालन करना होगा। Microsoft Teams उस पृष्ठ पर दिए गए निर्देशों के अनुसार Teams SSO सेटिंग्स को कॉन्फ़िगर करने में विफल रहने पर, आपके उपयोगकर्ता Teams चैनल का उपयोग करते समय हमेशा प्रमाणीकरण में विफल हो जाते हैं।

² केवल लाइव चैट चैनल समर्थित है. अधिक जानकारी के लिए, Dynamics 365 Customer Service में हैंडऑफ़ कॉन्फ़िगर करें देखें.

महत्वपूर्ण

वर्तमान में SSO तब समर्थित नहीं है जब एजेंट निम्न में से कोई एक रहा हो:

• Power Apps पोर्टल पर प्रकाशित.
• एक iframe के रूप में SharePoint वेबसाइट पर प्रकाशित.

हालाँकि, SSO उस एजेंट के लिए समर्थित है जिसे SharePoint वेबसाइट पर SPFx घटक के रूप में प्रकाशित किया गया है।

वेब अप्प

अपनी कस्टम वेबसाइट के लिए ऐप पंजीकरण बनाएँ

SSO सक्षम करने के लिए, आपको दो अलग-अलग ऐप पंजीकरण बनाने होंगे:

• एक प्रमाणीकरण ऐप पंजीकरण, जो आपके एजेंट के लिए आईडी उपयोगकर्ता प्रमाणीकरण सक्षम करता है Microsoft Entra
• एक कैनवास ऐप पंजीकरण, जो आपके कस्टम वेब पेज के लिए SSO सक्षम करता है

सुरक्षा कारणों से हम आपके एजेंट और आपकी कस्टम वेबसाइट दोनों के लिए एक ही ऐप पंजीकरण का पुनः उपयोग करने की अनुशंसा नहीं करते हैं।

1. प्रमाणीकरण ऐप पंजीकरण बनाने के लिए ID Microsoft Entra के साथ उपयोगकर्ता प्रमाणीकरण कॉन्फ़िगर करें में दिए गए निर्देशों का पालन करें।

2. प्रमाणीकरण ऐप पंजीकरण को फिर से बनाने के लिए निर्देशों का पालन करें, दूसरा ऐप पंजीकरण बनाएं, जो आपके कैनवास ऐप पंजीकरण के रूप में कार्य करता है.

3. प्रमाणीकरण ऐप पंजीकरण में कैनवास ऐप पंजीकरण ID जोड़ें.

टोकन एक्सचेंज URL जोड़ें

Microsoft Entra आईडी प्रमाणीकरण सेटिंग को Copilot Studio में अपडेट करने के लिए, आपको अपने ऐप और Copilot Studio को जानकारी साझा करने की अनुमति देने के लिए टोकन एक्सचेंज URL जोड़ना होगा।

1. अपने प्रमाणीकरण ऐप पंजीकरण ब्लेड पर Azure पोर्टल में, API एक्सपोज़ करें पर जाएँ.

2. स्कोप्स के अंतर्गत, क्लिपबोर्ड पर कॉपी करें आइकन का चयन करें.

3. Copilot Studioमें, सेटिंग्स के अंतर्गत नेविगेशन मेनू में, सुरक्षा का चयन करें, और फिर प्रमाणीकरण टाइल का चयन करें।

4. टोकन एक्सचेंज URL (SSO के लिए आवश्यक) के लिए, आपके द्वारा पहले कॉपी किया गया स्कोप पेस्ट करें.

5. सहेजें चुनें.

अपना कैनवास ऐप पंजीकरण कॉन्फ़िगर करें

1. अपना कैनवास ऐप पंजीकरण बनाने के बाद, प्रमाणीकरण पर जाएँ, और फिर प्लेटफ़ॉर्म जोड़ें चुनें.

2. प्लेटफ़ॉर्म कॉन्फ़िगरेशन के अंतर्गत, एक प्लेटफ़ॉर्म जोड़ें चुनें, और फिर वेब चुनें।

3. रीडायरेक्ट URI के अंतर्गत, अपने वेब पृष्ठ का URL दर्ज करें; उदाहरण के लिए, http://contoso.com/index.html।

   

4. निहित अनुदान और हाइब्रिड प्रवाह अनुभाग में, एक्सेस टोकन (अंतर्निहित प्रवाह के लिए प्रयुक्त) और ID टोकन (अंतर्निहित और हाइब्रिड प्रवाह के लिए प्रयुक्त) दोनों को चालू करें.

5. कॉन्फ़िगर करें को चुनें.

अपने एजेंट का टोकन एंडपॉइंट URL खोजें

1. Copilot Studioमें, अपना एजेंट खोलें और फिर चैनल चुनें।

2. मोबाइल ऐप चुनें.

3. टोकन एंडपॉइंट के अंतर्गत, कॉपी करें का चयन करें.

   

अपने वेब पेज में SSO कॉन्फ़िगर करें

रीडायरेक्ट URL के लिए वेब पेज बनाने के लिए Copilot Studio GitHub रेपो में दिए गए कोड का उपयोग करें। GitHub repo से कोड कॉपी करें और निम्नलिखित निर्देशों का उपयोग करके इसे संशोधित करें।

नोट

GitHub रिपो में दिए गए कोड के लिए आवश्यक है कि उपयोगकर्ता लॉगिन बटन का चयन करें या किसी अन्य साइट से लॉगिन करें। स्वचालित लॉगिन सक्षम करने के लिए, aysnc function main() के आरंभ में निम्नलिखित कोड जोड़ें:

JavaScript

    (async function main() {
        if (clientApplication.getAccount() == null) {
           await clientApplication.loginPopup(requestObj).then(onSignin).catch(function (error) {console.log(error) });
        }
        // Add your BOT ID below 
        var theURL =

1. Azure पोर्टल में अवलोकन पृष्ठ पर जाएं और अपने कैनवास अनुप्रयोग पंजीकरण से अनुप्रयोग (क्लाइंट) ID और निर्देशिका (टेनेंट) ID की प्रतिलिपि बनाएँ.

   

2. Microsoft प्रमाणीकरण लाइब्रेरी (MSAL) को कॉन्फ़िगर करने के लिए:

   • clientIdअपने आवेदन (क्लाइंट) आईडी को असाइन करें।
   • authority को https://login.microsoftonline.com/ असाइन करें और अंत में अपनी निर्देशिका (किरायेदार) आईडी जोड़ें।

   उदाहरण के लिए:

   JavaScript

   var clientApplication;
       (function (){
       var msalConfig = {
           auth: {
               clientId: '00001111-aaaa-2222-bbbb-3333cccc4444',
               authority: 'https://login.microsoftonline.com/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'     
           },
   

3. theURL वैरिएबल को आपके द्वारा पहले कॉपी किए गए टोकन एंडपॉइंट URL पर सेट करें। उदाहरण के लिए:

   JavaScript

   (async function main() {
   
       var theURL = "https://<token endpoint URL>"
   

4. एक कस्टम उपसर्ग शामिल करने के लिए userId के मान को संपादित करें। उदाहरण के लिए:

   JavaScript

   var userId = clientApplication.account?.accountIdentifier != null ? 
           ("My-custom-prefix" + clientApplication.account.accountIdentifier).substr(0, 64) 
           : (Math.random().toString() + Date.now().toString()).substr(0,64);
   

5. अपने परिवर्तन सहेजें.

6. सत्यापित करें कि आपने SSO को सफलतापूर्वक कॉन्फ़िगर किया है.

   अपने एजेंट का परीक्षण करते समय, यदि SSO सफलतापूर्वक कॉन्फ़िगर नहीं किया गया है, तो आपको लॉग इन करने के लिए कहा जाएगा, जो आपको एक सत्यापन कोड देगा जिसे आपको चैट विंडो में कॉपी करना होगा।

   यदि आपको साइन-इन संकेत दिखाई दे, तो सत्यापित करें कि आपने इस प्रक्रिया के चरण 1 से 5 तक को सही ढंग से पूरा किया है। यदि SSO सफलतापूर्वक कॉन्फ़िगर हो जाता है, तो आपको लॉग इन करने के लिए संकेत नहीं दिया जाता है।

संबंधित सामग्री

• Azure ऐप पंजीकरण

क्लासिक

तकनीकी अवलोकन

निम्न चित्रण यह दर्शाता है कि कैसे एक उपयोगकर्ता Copilot Studio में लॉगिन प्रॉम्प्ट (SSO) देखे बिना लॉग इन होता है:

1. एजेंट उपयोगकर्ता एक वाक्यांश दर्ज करता है जो साइन-इन विषय को ट्रिगर करता है. साइन-इन विषय को उपयोगकर्ता को साइन इन करने और उपयोगकर्ता के प्रमाणित टोकन (User.AccessToken चर) का उपयोग करने के लिए डिज़ाइन किया गया है।

2. Copilot Studio उपयोगकर्ता को उनके कॉन्फ़िगर किए गए पहचान प्रदाता के साथ लॉग इन करने की अनुमति देने के लिए एक लॉगिन प्रॉम्प्ट भेजता है।

3. एजेंट का कस्टम कैनवास साइन-इन प्रॉम्प्ट को इंटरसेप्ट करता है और Microsoft Entra आईडी से ऑन-बिहाफ-ऑफ (OBO) टोकन का अनुरोध करता है। कैनवास एजेंट को टोकन भेजता है।

4. ओबीओ टोकन प्राप्त होने पर, एजेंट ओबीओ टोकन को "एक्सेस टोकन" के लिए एक्सचेंज करता है और एक्सेस टोकन के मूल्य का उपयोग करके वेरिएबल को भरता है। AuthToken इस समय IsLoggedIn चर भी सेट किया जाता है।

अपने कस्टम कैनवस के लिए एक ऐप पंजीकरण in Microsoft Entra ID बनाएं

SSO सक्षम करने के लिए, आपको दो अलग-अलग ऐप पंजीकरण की आवश्यकता होगी:

• एक आपके एजेंट के लिए Microsoft Entra ID के साथ उपयोगकर्ता प्रमाणीकरण सक्षम करने के लिए.
• SSO को सक्षम करने के लिए आपके कस्टम कैनवास के लिए एक.

महत्वपूर्ण

आप अपने एजेंट के उपयोगकर्ता प्रमाणीकरण और अपने कस्टम कैनवास दोनों के लिए एक ही ऐप पंजीकरण का पुनः उपयोग नहीं कर सकते.

एजेंट के कैनवास के लिए ऐप पंजीकरण बनाएँ

1. Azure पोर्टल में साइन इन करें.

2. ऐप पंजीकरण पर जाएं, या तो आइकन का चयन करके या शीर्ष खोज बार में खोज करके।

   

3. नया पंजीकरण चुनें.

   

4. पंजीकरण के लिए एक नाम दर्ज करें. आप जिस एजेंट का कैनवास पंजीकृत कर रहे हैं, उसके नाम का उपयोग करना तथा प्रमाणीकरण के लिए उसे ऐप पंजीकरण से अलग करने के लिए "कैनवास" शामिल करना उपयोगी हो सकता है।

   उदाहरण के लिए, यदि आपके एजेंट का नाम "Contoso बिक्री सहायता" है, तो आप ऐप पंजीकरण का नाम "ContosoSalesCanvas" या कुछ ऐसा रख सकते हैं।

5. समर्थित खाता प्रकार के अंतर्गत, किसी भी संगठनात्मक टेनेंट में खाते (कोई भी Microsoft Entra आईडी निर्देशिका - मल्टीटेनेंट) और व्यक्तिगत Microsoft खाते (उदा. Skype, Xbox) का चयन करें.

6. रीडायरेक्ट URI अनुभाग को अभी खाली छोड़ दें, क्योंकि आप अगले चरणों में वह जानकारी दर्ज करेंगे। पंजीकरण करें चुनें.

   

7. पंजीकरण पूरा होने के बाद, यह अवलोकन पृष्ठ पर खुलता है। मेनिफेस्ट पर जाएं. पुष्टि करें कि accessTokenAcceptedVersion को 2 पर सेट किया गया है. यदि ऐसा नहीं है, तो इसे 2 में बदलें और फिर सहेजें चुनें।

रीडायरेक्ट URL जोड़ें

1. पंजीकरण खुला होने पर, प्रमाणीकरण पर जाएं और फिर प्लेटफ़ॉर्म जोड़ें का चयन करें।

   

2. प्लेटफ़ॉर्म कॉन्फ़िगर करें ब्लेड पर, वेब का चयन करें.

   

3. रीडायरेक्ट URIs के अंतर्गत, उस पृष्ठ का पूरा URL जोड़ें जहां आपका चैट कैनवास होस्ट किया गया है। अन्तर्निहित अनुमति खंड के अन्तर्गत, आईडी टोकन और एक्सेस टोकन चैकबॉक्सों को चुनें.

4. अपने परिवर्तनों की पुष्टि करने के लिए कॉन्फ़िगर करें चुनें.

   

5. API अनुमतियाँ पर जाएँ. अपने किराएदार नाम के लिए व्यवस्थापक सहमति प्रदान करें <चुनें और फिर > हां चुनें।

   महत्वपूर्ण

   उपयोगकर्ताओं को प्रत्येक एप्लिकेशन के लिए सहमति देने से बचने के लिए, कम से कम एप्लिकेशन व्यवस्थापक या क्लाउड एप्लिकेशन व्यवस्थापक की भूमिका वाला कोई व्यक्ति आपके एप्लिकेशन पंजीकरणों के लिए टेनेंट-व्यापी सहमति प्रदान कर सकता है।

   

अपने एजेंट के लिए कस्टम स्कोप परिभाषित करें

प्रमाणीकरण अनुप्रयोग पंजीकरण के भीतर कैनवास अनुप्रयोग पंजीकरण के लिए API को अनावृत्त करके एक कस्टम व्यापकता को परिभाषित करें. स्कोप्स आपको उपयोगकर्ता और व्यवस्थापक भूमिकाएं और पहुंच अधिकार निर्धारित करने की अनुमति देते हैं।

यह चरण प्रमाणीकरण के लिए प्रमाणीकरण अनुप्रयोग पंजीकरण और आपके कस्टम कैनवास के लिए अनुप्रयोग पंजीकरण के मध्य एक विश्वास संबंध बनाता है.

1. वह ऐप पंजीकरण खोलें जिसे आपने प्रमाणीकरण कॉन्फ़िगर करते समय बनाया था .

2. API अनुमतियाँ पर जाएँ और सुनिश्चित करें कि आपके एजेंट के लिए सही अनुमतियाँ जोड़ी गई हैं। अपने किराएदार नाम के लिए व्यवस्थापक सहमति प्रदान करें <चुनें और फिर > हां चुनें।

   महत्वपूर्ण

   उपयोगकर्ताओं को प्रत्येक एप्लिकेशन के लिए सहमति देने से बचने के लिए, कम से कम एप्लिकेशन व्यवस्थापक या क्लाउड एप्लिकेशन व्यवस्थापक की भूमिका वाला कोई व्यक्ति आपके एप्लिकेशन पंजीकरणों के लिए टेनेंट-व्यापी सहमति प्रदान कर सकता है।

3. API एक्सपोज़ करें पर जाएं और स्कोप जोड़ेंचुनें.

   

4. प्रदर्शन जानकारी सहित कार्यक्षेत्र का नाम दर्ज करें जो उपयोगकर्ताओं को SSO स्क्रीन पर आने पर दिखाई जानी चाहिए. स्कोप जोड़ें चुनें.

   

5. क्लाइंट अनुप्रयोग जोड़ें का चयन करें.

6. कैनवास ऐप पंजीकरण के लिए एप्लिकेशन (क्लाइंट) आईडी अवलोकन पेज से क्लाइंट आईडी फ़ील्ड में दर्ज करें। आपके द्वारा बनाए गए सूचीबद्ध व्यापकता के लिए चेकबॉक्स का चयन करें.

7. एप्लिकेशन जोड़ें चुनें.

SSO सक्षम करने के लिए Copilot Studio में प्रमाणीकरण कॉन्फ़िगर करें

प्रमाणीकरण कॉन्फ़िगरेशन पृष्ठ में टोकन एक्सचेंज URL का उपयोग बॉट फ्रेमवर्क के माध्यम से अनुरोधित एक्सेस टोकन के लिए OBO टोकन का आदान-प्रदान करने के लिए किया जाता है। Copilot Studio

Copilot Studio वास्तविक आदान-प्रदान करने के लिए Microsoft Entra आईडी को कॉल करता है।

1. Copilot Studioपर लॉग इन करें.

2. शीर्ष मेनू पर एजेंट आइकन का चयन करके और सही एजेंट चुनकर पुष्टि करें कि आपने वह एजेंट चुना है जिसके लिए आप प्रमाणीकरण सक्षम करना चाहते हैं।

3. नेविगेशन मेनू में, सेटिंग के अंतर्गत, सुरक्षा चुनें. फिर प्रमाणीकरण कार्ड चुनें.

   

4. एजेंट के प्रमाणीकरण ऐप पंजीकरण के लिए एक्सपोज़ एन एपीआई टोकन एक्सचेंज यूआरएल फ़ील्ड में पूर्ण स्कोप यूआरआई दर्ज करें। URI api://1234-4567/scope.name प्रारूप में है.

   

   

5. सहेजें चुनें और फिर एजेंट सामग्री प्रकाशित करें.

SSO को सक्षम करने के लिए अपना कस्टम कैनवास HTML कोड कॉन्फ़िगर करें

लॉगिन कार्ड अनुरोध को रोकने और OBO टोकन का आदान-प्रदान करने के लिए एजेंट जहां स्थित है, उस कस्टम कैनवास पृष्ठ को अपडेट करें।

1. अपने <head> अनुभाग में <script> टैग में निम्न कोड जोड़कर Microsoft प्रमाणीकरण लाइब्रेरी (MSAL) को कॉन्फ़िगर करें।

2. कैनवास ऐप पंजीकरण के लिए clientId एप्लिकेशन (क्लाइंट) ID से अपडेट करें. <Directory ID> को डायरेक्ट्री (टेनेंट) ID से प्रतिस्थापित करें. आपको ये आईडी कैनवास ऐप पंजीकरण के लिए अवलोकन पृष्ठ से मिलती हैं.

   HTML

   <head>
    <script>
      var clientApplication;
        (function () {
          var msalConfig = {
              auth: {
                clientId: '<Client ID [CanvasClientId]>',
                authority: 'https://login.microsoftonline.com/<Directory ID>'
              },
              cache: {
                cacheLocation: 'localStorage',
                storeAuthStateInCookie: false
              }
          };
          if (!clientApplication) {
            clientApplication = new Msal.UserAgentApplication(msalConfig);
          }
        } ());
    </script>
   </head>
   

3. निम्नलिखित <स्क्रिप्ट> को <बॉडी> अनुभाग में प्रविष्ट करें। यह स्क्रिप्ट resourceUrl को पुनः प्राप्त करने के लिए एक विधि को कॉल करती है और OAuth प्रॉम्प्ट द्वारा अनुरोधित टोकन के लिए आपके वर्तमान टोकन का आदान-प्रदान करती है।

   HTML

   <script>
   function getOAuthCardResourceUri(activity) {
     if (activity &&
          activity.attachments &&
          activity.attachments[0] &&
          activity.attachments[0].contentType === 'application/vnd.microsoft.card.oauth' &&
          activity.attachments[0].content.tokenExchangeResource) {
            // asking for token exchange with Microsoft Entra ID
            return activity.attachments[0].content.tokenExchangeResource.uri;
      }
   }
   
   function exchangeTokenAsync(resourceUri) {
     let user = clientApplication.getAccount();
      if (user) {
        let requestObj = {
          scopes: [resourceUri]
        };
        return clientApplication.acquireTokenSilent(requestObj)
          .then(function (tokenResponse) {
            return tokenResponse.accessToken;
            })
            .catch(function (error) {
              console.log(error);
            });
            }
            else {
            return Promise.resolve(null);
      }
   }
   </script>
   

4. निम्नलिखित <स्क्रिप्ट> को <बॉडी> अनुभाग में प्रविष्ट करें। main विधि के अंतर्गत, यह कोड आपके storeएजेंट के विशिष्ट पहचानकर्ता के साथ एक शर्त जोड़ता है। यह आपके userId चर के रूप में एक अद्वितीय आईडी भी उत्पन्न करता है।

5. अपने एजेंट की आईडी अपडेट करें. <COPILOT ID> आप जिस एजेंट का उपयोग कर रहे हैं उसके लिए चैनल टैब पर जाकर और पोर्टल पर मोबाइल ऐप Copilot Studio का चयन करके अपने एजेंट की आईडी देख सकते हैं।

   HTML

   <script>
       (async function main() {
   
           // Add your AGENT ID below 
           var BOT_ID = "<BOT ID>";
           var theURL = "https://powerva.microsoft.com/api/botmanagement/v1/directline/directlinetoken?botId=" + BOT_ID;
   
           const {
               token
           } = await fetchJSON(theURL);
   
           var directline = await fetchJSON(regionalChannelSettingsURL).then(res=> res.channelUrlsById.directline); 
   
           const directLine = window.WebChat.createDirectLine({
               domain: `${directline}v3/directline`,
               token
           });
   
           var userID = clientApplication.account?.accountIdentifier != null ?
               ("Your-customized-prefix-max-20-characters" + clientApplication.account.accountIdentifier).substr(0, 64) :
               (Math.random().toString() + Date.now().toString()).substr(0, 64); // Make sure this will not exceed 64 characters 
           const store = WebChat.createStore({}, ({
               dispatch
           }) => next => action => {
               const {
                   type
               } = action;
               if (action.type === 'DIRECT_LINE/CONNECT_FULFILLED') {
                   dispatch({
                       type: 'WEB_CHAT/SEND_EVENT',
                       payload: {
                           name: 'startConversation',
                           type: 'event',
                           value: {
                               text: "hello"
                           }
                       }
                   });
                   return next(action);
               }
               if (action.type === 'DIRECT_LINE/INCOMING_ACTIVITY') {
                   const activity = action.payload.activity;
                   let resourceUri;
                   if (activity.from && activity.from.role === 'bot' &&
                       (resourceUri = getOAuthCardResourceUri(activity))) {
                       exchangeTokenAsync(resourceUri).then(function(token) {
                           if (token) {
                               directLine.postActivity({
                                   type: 'invoke',
                                   name: 'signin/tokenExchange',
                                   value: {
                                       id: activity.attachments[0].content.tokenExchangeResource.id,
                                       connectionName: activity.attachments[0].content.connectionName,
                                       token,
                                   },
                                   "from": {
                                       id: userID,
                                       name: clientApplication.account.name,
                                       role: "user"
                                   }
                               }).subscribe(
                                   id => {
                                       if (id === 'retry') {
                                           // The agent was not able to handle the invoke, so display the oauthCard
                                           return next(action);
                                       }
                                       // else: tokenexchange successful and we do not display the oauthCard
                                   },
                                   error => {
                                       // an error occurred to display the oauthCard
                                       return next(action);
                                   }
                               );
                               return;
                           } else
                               return next(action);
                       });
                   } else
                       return next(action);
               } else
                   return next(action);
           });
   
           const styleOptions = {
   
               // Add styleOptions to customize Web Chat canvas
               hideUploadButton: true
           };
   
           window.WebChat.renderWebChat({
                   directLine: directLine,
                   store,
                   userID: userID,
                   styleOptions
               },
               document.getElementById('webchat')
           );
       })().catch(err => console.error("An error occurred: " + err));
   </script>
   

पूर्ण नमूना कोड

अधिक जानकारी के लिए, आप हमारे GitHub repo पर MSAL और स्टोर कंडीशनल स्क्रिप्ट के साथ पूरा नमूना कोड पा सकते हैं।