कोड घटकों के लिए लिक्विड टेम्पलेट टैग

आलेख
03/14/2023

नोट

12 अक्टूबर 2022 से प्रभावी, Power Apps पोर्टल Power Pages है। अधिक जानकारी: Microsoft Power Pages अब आम तौर पर उपलब्ध है (ब्लॉग)
हम जल्द ही Power Apps पोर्टल दस्तावेज़ीकरण को Power Pages दस्तावेज़ीकरण के साथ माइग्रेट और विलय करेंगे।

Power Apps component framework पेशेवर डेवलपर्स और ऐप निर्माताओं को मॉडल-चालित और कैनवास ऐप के लिए कोड कंपोनेंट बनाने में सक्षम बनाता है. ये कोड कंपोनेंट फॉर्म, दृश्यों और डैशबोर्ड पर डेटा के साथ काम करने वाले उपयोगकर्ताओं के लिए बेहतर अनुभव प्रदान कर सकते हैं. अधिक जानकारी: पोर्टल में कोड घटकों का उपयोग करें

महत्वपूर्ण

कोड कंपोनेंट के लिए लिक्विड टेम्प्लेट टैग के लिए पोर्टल संस्करण 9.3.10.x या बाद के संस्करण की आवश्यकता होती है.

इस रिलीज़ के साथ, हमने वेबपृष्ठों पर Liquid Template टैग का उपयोग करके कोड घटकों को जोड़ने की क्षमता और पोर्टल्स में प्रपत्रों पर फ़ील्ड-स्तरीय घटकों के लिए सक्षम वेब API का उपयोग करके सक्षम घटकों को पेश किया है।

कोड कंपोनेंट को codecomponent लिक्विड टेम्प्लेट टैग का उपयोग करके जोड़ा जा सकता है. कोड कंपोनेंट को लोड करने की आवश्यकता को दर्शाने की कुंजी name एट्रिब्यूट का उपयोग करके पास की जाती है. कुंजी GUID (जो कोड कंपोनेंट ID है) या Microsoft Dataverse में आयात किए गए कोड कंपोनेंट का नाम हो सकता है.

कोड कंपोनेंट की अपेक्षा वाले गुणों के मानों को ":" (अपूर्ण विराम चिह्न) द्वारा अलग किए गए कुंजी/मान जोड़ी के रूप में पास करने की आवश्यकता है, जहां कुंजी संपत्ति का नाम है और मान JSON स्ट्रिंग मान है.

{% codecomponent name: <ID or name> <property1:value> <property2:value> %}

उदाहरण के लिए, controlValue नामक इनपुट पैरामीटर की अपेक्षा रखने वाले कोड घटक को जोड़ने के लिए, निम्न लिक्विड टेम्पलेट टैग का उपयोग करें:

{% codecomponent name:abc_SampleNamespace.MapControl controlValue:'Space Needle' controlApiKey:<API Key Value>%}

टिप

यह उदाहरण controlvalue और controlApiKey नामक पैरामीटर का उपयोग करता है, हालांकि आपके द्वारा उपयोग किए जाने वाले कंपोनेंट को भिन्न पैरामीटर नामों की आवश्यकता हो सकती है.

आप sample map control और पैकेज कोड घटक को समाधान के रूप में पोर्टल्स के साथ उपयोग के लिए।

नोट

समुदाय द्वारा बनाए गए संसाधन Microsoft द्वारा समर्थित नहीं हैं. यदि आपके पास सामुदायिक संसाधनों के बारे में प्रश्न या समस्याएँ हैं, तो संसाधन के प्रकाशक से संपर्क करें. इन संसाधनों का उपयोग करने से पहले, आपको यह सुनिश्चित करना होगा कि वे Power Apps component framework दिशानिर्देशों को पूरा करते हैं और उनका उपयोग केवल संदर्भ उद्देश्य के लिए किया जाना चाहिए।

ट्यूटोरियल: लिक्विड टेम्प्लेट टैग वाले पृष्ठों पर कोड कंपोनेंट उपयोग करें

इस ट्यूटोरियल में, आप वेबपेज में घटक जोड़ने के लिए Power Apps पोर्टल्स को कॉन्फ़िगर करेंगे। आप पोर्टल्स वेबपेज पर जाएंगे और कंपोनेंट के साथ इंटरैक्ट करेंगे.

शुरू करने से पहले

यदि आप इस ट्यूटोरियल में उपयोग किए गए नमूना कोड घटक का उपयोग कर रहे हैं, तो सुनिश्चित करें कि आप आरंभ करने से पहले परिवेश में नमूना समाधान आयात कर लें. समाधान आयात के बारे में जानने के लिए, समाधान आयात करें पर जाएँ.

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

पूर्वापेक्षाओं के लिए, और पोर्टल में समर्थित/असमर्थित कोड घटकों के बारे में जानने के लिए, पोर्टल में कोड घटकों का उपयोग करें पर जाएं।

नोट

यह ट्यूटोरियल वेब पेज पर नक्शा नियंत्रण प्रदर्शित करने के लिए Power Apps component framework का उपयोग करके बनाए गए नमूना कोड कंपोनेंट का उपयोग करता है. आप इस ट्यूटोरियल के लिए अपने स्वयं के किसी मौजूदा या नए घटक और किसी अन्य वेबपेज का भी उपयोग कर सकते हैं। इस मामले में, इस ट्यूटोरियल के चरणों का पालन करते समय अपने घटक और वेबपेज का उपयोग करना सुनिश्चित करें। कोड कंपोनेंट को बनाने के तरीके के बारे में अधिक जानकारी के लिए, अपना पहला कंपोनेंट बनाएँ पर जाएँ.

चरण 1. स्टूडियो से किसी वेबपेज पर कोड कंपोनेंट जोड़ें

अपना पोर्टल Power Apps portals Studio में खोलें।
ऊपरी-बाएँ कोने पर, नया पृष्ठ चुनें।
रिक्त चुनें।
दाईं ओर गुण फलक पर, वेबपेज नाम अपडेट करें. उदाहरण के लिए, "मैप व्यूअर."
आंशिक URL अपडेट करें. उदाहरण के लिए, "mapviewer."
अनुमतियां विस्तृत करें.
पृष्ठ सभी के लिए उपलब्ध. अक्षम करें
उन वेब भूमिकाओं का चयन करें जिन्हें इस पेज को एक्सेस की अनुमति दी जानी चाहिए.
लिक्विड स्रोत कोड संपादित करने के लिए पृष्ठ पर संपादन योग्य क्षेत्र चुनें.
स्टूडियो कोड संपादक खोलें.
लिक्विड टेम्प्लेट टैग के साथ निम्नलिखित सिंटैक्स का उपयोग करके नियंत्रण जोड़ें:
```
{% codecomponent name:abc\_SampleNamespace.MapControl controlValue:'Space Needle' controlApiKey:<API Key Value> %}
```
टिप

सभी आयातित कंपोनेंट का विवरण प्राप्त करने के लिए और कंपोनेंट नाम की खोज करने के लिए, CustomControl वेब API देखें.

उदाहरण के लिए:
- एक कंपोनेंट की खोज करने के लिए:
  
  https://contoso.api.crm10.dynamics.com/api/data/v9.2/customcontrols?$select=ContosoCustomControlName
- किसी कंपोनेंट के लिए इनपुट पैरामीटर पुनर्प्राप्त करने के लिए:
  
  https://contoso.api.crm10.dynamics.com/api/data/v9.2/customcontrols?$filter=name eq 'ContosoCustomControlName' &$select=manifest
कोड संपादक सहेजें और बंद करें.
ऊपरी-दाएँ कोने पर, वेबसाइट ब्राउज़ करें चुनें।
वेबपेज अब उस पर जोड़ा गया नियंत्रण दिखाएगा.

अगले कदम

अवलोकन: पोर्टल्स में कोड कंपोनेंट का उपयोग करें

भी देखें

Codecomponent Dataverse इकाई टैग
Codecomponent टेम्पलेट टैग
Power Apps component framework ओवरव्यू
अपना पहला कंपोनेंट बनाएं
मॉडल-चालित ऐप्स में कॉलम या तालिका में कोड कंपोनेंट जोड़ें
नमूना पोर्टल वेब API घटक कार्यान्वित करें

नोट

क्या आप हमें अपनी दस्तावेज़ीकरण भाषा वरीयताओं के बारे में बता सकते हैं? एक छोटा सर्वेक्षण पूरा करें. (कृपया ध्यान दें कि यह सर्वेक्षण अंग्रेज़ी में है)

सर्वेक्षण में लगभग सात मिनट लगेंगे. कोई भी व्यक्तिगत डेटा एकत्र नहीं किया जाता है (गोपनीयता कथन).

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