इसके माध्यम से साझा किया गया

वेबसाइटों और अन्य सेवाओं में कैनवास अनुप्रयोग्स एकीकृत करें

  • आलेख

आपके द्वारा बनाए गए अनुप्रयोग अक्सर सबसे अधिक उपयोगी तब होते हैं जब वो वहां उपलब्ध होते हैं जहां लोग अपना काम करते हैं. iframe में कैनवस अनुप्रयोग को एम्बेड करके, आप उन अनुप्रयोग को वेबसाइटों और अन्य सेवाओं, जैसे कि Power BI या SharePoint में एकीकृत कर सकते हैं.

इस विषय में, हम आपको दिखाएंगे कि अनुप्रयोग एम्बेडिंग के लिए मापदंड कैसे सेट करें; फिर हम अपने Asset Ordering अनुप्रयोग को वेबसाइट में एम्बेड करेंगे.

Power BI एम्बेडेड अनुप्रयोग के साथ डैशबोर्ड.

नोट

  • समान किरायेदार में केवल Power Apps उपयोगकर्ता एम्बेड किए गए अनुप्रयोग तक पहुंच सकते हैं.
  • किसी भी मूल डेस्कटॉप एप्लिकेशन में कैनवास एप्लिकेशन एम्बेड करना समर्थित नहीं है, जिसमें एंड्रोइड और शामिल हैं। iOS इसमें टीम्स जैसे प्रथम-पक्ष एकीकरण शामिल नहीं हैं। Power Apps

आप बिना आइफ्रेम का उपयोग किए कैनवास अनुप्रयोग को SharePoint Online में एकीकृत कर सकते हैं. अधिक जानकारी: Power Apps वेब पार्ट का उपयोग करें.

अपने अनुप्रयोग के लिए URI पैरामीटर सेट करें

यदि आपके पास अनुप्रयोग है जिसे आप एम्बेड करना चाहते हैं, तो पहला कदम यूनिफ़ॉर्म रिसोर्स आइडेंटिफ़ायर (URI) के लिए मापदंड सेट करना है, ताकि iframe को पता चल सके कि अनुप्रयोग कहां खोजना है. URI निम्नलिखित रूप में है:

https://apps.powerapps.com/play/[AppID]?source=iframe

GCC उपयोगकर्ताओं के लिए

https://apps.gov.powerapps.us/play/[AppID]?source=iframe

महत्त्वपूर्ण

अगस्त 2019 तक, URI प्रारूप https://web.powerapps.com/webplayer से बदलकर हो गया है। https://apps.powerapps.com/play कृपया नए URI प्रारूप का उपयोग करने के लिए किसी भी एम्बेड किए गए iframes को अद्यतन करें. अनुकूलता सुनिश्चित करने के लिए पिछले प्रारूप के संदर्भों को नए URI पर पुनर्निर्देशित किया जाएगा.

पिछला स्वरूप:

https://web.powerapps.com/webplayer/iframeapp?source=iframe&appId=/providers/Microsoft.PowerApps/apps/[AppID]

केवल एक चीज़ जो आपको करनी है, वह URI ('[' और ']' सहित) में [AppID] के लिए आपके अनुप्रयोग की ID को प्रतिस्थापित करना है. हम आपको दिखाते हैं कि शीघ्र ही उस मान को कैसे प्राप्त किया जा सकता है, लेकिन पहले यहां URI में उपलब्ध सभी मापदंड हैं:

  • [appID] - यह चलाए जाने वाले ऐप की आईडी प्रदान करता है।
  • टेनेंटआईडी - अतिथि पहुंच का समर्थन करने के लिए एक वैकल्पिक पैरामीटर है और यह निर्धारित करता है कि ऐप को किस टेनेंट से खोला जाए।
  • स्क्रीन कलर - का उपयोग आपके उपयोगकर्ताओं को बेहतर ऐप लोडिंग अनुभव प्रदान करने के लिए किया जाता है। यह पैरामीटर RGBA (लाल मान, हरा मान, नीला मान, अल्फा) प्रारूप में है और ऐप लोड होने के दौरान स्क्रीन के रंग को नियंत्रित करता है। इसे आपके अनुप्रयोग के आइकन के समान रंग में सेट करना सबसे अच्छा होता है.
  • स्रोत - ऐप को प्रभावित नहीं करता है, लेकिन हम आपको एम्बेडिंग के स्रोत को संदर्भित करने के लिए एक वर्णनात्मक नाम जोड़ने का सुझाव देते हैं।
  • अंत में, आप Param() फ़ंक्शन का उपयोग करके कोई भी कस्टम पैरामीटर जोड़ सकते हैं, और उन मानों का उपयोग आपके ऐप द्वारा किया जा सकता है। इन्हें URI के अंत में जोड़ा जाता है, जैसे [AppID]?source=iframe&param1=value1&param2=value2. ये मापदंड केवल अनुप्रयोग लॉन्च के दौरान पढ़े जाते हैं. यदि आपको उन्हें बदलने की आवश्यकता है, तो आपको अनुप्रयोग को पुनः लोड करना होगा. ध्यान दें कि [appid] के बाद केवल पहला आइटम "?" होना चाहिए; इसके बाद "&" का उपयोग यहां पर सचित्र के रूप में करें.

अनुप्रयोग ID प्राप्त करें

अनुप्रयोग आईडी powerapps.com पर उपलब्ध है. उस अनुप्रयोग के लिए जिसे आप एम्बेड करना चाहते हैं:

  1. powerapps.com में, ऐप्स टैब पर, एलिप्सिस ( . . . ) पर क्लिक या टैप करें, फिर विवरण पर क्लिक या टैप करें.

    ऐप विवरण पर जाएँ.

  2. ऐप आईडी कॉपी करें.

    विवरण से ऐप ID की प्रतिलिपि बनाएँ.

  3. URI में [AppID] मान प्रतिस्थापित करें. हमारे Asset Ordering अनुप्रयोग के लिए, URI इस तरह दिखता है:

    https://apps.powerapps.com/play/76897698-91a8-b2de-756e-fe2774f114f2?source=iframe

जब आप अपनी वेबसाइट में कोई ऐसा ऐप एम्बेड करते हैं जो वेबपेज या ऐप लॉन्च करने के लिए Launch() फ़ंक्शन का उपयोग करता है, तो आपको ब्राउज़र में पॉप-अप की अनुमति देने की आवश्यकता हो सकती है।

वेबसाइट में अपना अनुप्रयोग एम्बेड करें

अपनी अनुप्रयोग को एम्बेड करना उतना ही सरल है जितना आपकी साइट के लिए HTML कोड से iframe को जोड़ना (या किसी अन्य सेवा जो iframes का समर्थन करता है, जैसे Power BI या SharePoint):

<iframe width="[W]" height="[H]" src="https://apps.powerapps.com/play/[AppID]?source=website&screenColor=rgba(165,34,55,1)" allow="geolocation; microphone; camera"/>

iframe की चौड़ाई और ऊंचाई के लिए मान निर्दिष्ट करें, और अपने ऐप की ID को [AppID] से प्रतिस्थापित करें.

नोट

अपने ऐप्स को Google Chrome पर इन क्षमताओं का उपयोग करने की अनुमति देने के लिए अपने iframe HTML कोड में allow="geolocation; microphone; camera" शामिल करें।

निम्नलिखित छवि Contoso नमूना वेबसाइट में एम्बेड किए गए Asset Ordering अनुप्रयोग दिखाती है.

एम्बेड किए गए अनुप्रयोग के साथ Contoso वेबसाइट।

अपने अनुप्रयोग के उपयोगकर्ताओं को प्रमाणित करने के लिए निम्नलिखित बातों को ध्यान में रखें:

  • यदि आपकी वेबसाइट आईडी आधारित प्रमाणीकरण का उपयोग करती है, तो अतिरिक्त साइन-इन की आवश्यकता नहीं है। Microsoft Entra
  • यदि आपकी वेबसाइट किसी अन्य साइन-इन तंत्र का उपयोग करती है या प्रमाणित नहीं है, तो आपके उपयोगकर्ता को iframe पर साइन-इन संवाद दिखाई देता है. साइन-इन करने के बाद, वे अनुप्रयोग को तब तक चला पाएंगे जब तक अनुप्रयोग के निर्माता इसे उनके साथ साझा करते हैं.

जैसा कि आप देख सकते हैं, अनुप्रयोग एम्बेड करना सरल और शक्तिशाली है. एम्बेड करना आपको उन स्थानों पर अनुप्रयोग लाने में सक्षम बनाता है, जहां आप और आपके ग्राहक काम करते हैं - वेबसाइट, Power BI डैशबोर्ड, SharePoint पृष्ठ आदि.