बोल्ड रूप से बनाएं। सुरक्षित रूप से प्रकाशित करें।

जानिए स्टूडियो किस प्रकार का मालिक है?

Portal Studio ग्राहकों को दिखने वाले ढाँचे का मालिक है: पेज, कंपोनेंट की जगह, ब्रांड टोकन, रिस्पॉन्सिव व्यवहार, नेविगेशन, फ़ुटर, पहचान की प्रस्तुति, टिकट यात्राएँ और रिलीज़। सहायता केंद्र भाषाओं, श्रेणियों, सेक्शन और लेख सामग्री का मालिक है। Studio उस सामग्री को एक सुरक्षित ब्रिज के ज़रिए इस्तेमाल करता है; यह कभी दूसरा लेख भंडार नहीं बनाता।

गहराई से निर्माण करने से पहले तत्परता

1. खुला Portal Studio → शुरू करें → तैयारी.
2. कैनोनिकल पोर्टल पते की पुष्टि करें और इसे एक अलग टैब में खोलें।
3. लोगो, ब्राउज़र आइकन, टच आइकन, सामाजिक छवि और थीम रंग सेट करें।
4. सहायता केंद्र भाषा की पुष्टि करें; मदद सेंटर में भाषा अधिकार बदलें, स्टूडियो नहीं।
5. नेविगेशन और वैश्विक उद्यम पाद लेख को कॉन्फ़िगर करें।
6. टिकट यात्रा चुनें और कम से कम एक अनुरोध फॉर्म को कॉन्फ़िगर करें।
7. कम से कम एक सुरक्षित संकेत-in विधि सक्रिय रखें और पहचान खोज की समीक्षा करें।
8. गुणवत्ता को चलाने और हस्ताक्षरित पूर्वावलोकन हैंडशेक की स्थापना।
9. प्रत्येक अवरुद्ध आइटम को साफ़ करने के बाद पहली नियंत्रित रिलीज बनाएं।

पठन प्रतिशत की गणना सेव्ड वर्कस्पेस डेटा और पूर्वावलोकन स्टेट से की जाती है। सीधे अपने खुद के पैनल में एक आइटम मार्गों का चयन करना।

पृष्ठों और पुन: प्रयोज्य वर्गों का निर्माण

1. खुला निर्माण → पेज और एक संरक्षित सिस्टम पेज का चयन करें या एक कस्टम पृष्ठ बनाएँ।
2. मार्ग, शीर्षक, अभिगम मोड और स्थानीय व्यवहार को सेट करें। संरक्षित सिस्टम मार्गों को हटाया नहीं जा सकता है।
3. खुला अवयव, नौकरी या परिपक्वता द्वारा फ़िल्टर करें, और एक घटक को संगत स्लॉट में रखें।
4. सामग्री, उपस्थिति, बंधन, दृश्यता और पहुंच के लिए निरीक्षक का उपयोग करें।
5. बार-बार संरचनाओं के लिए पुन: प्रयोज्य पैटर्न का उपयोग करें; वेरिएंट में संगठन या ब्रांड मतभेदों को बनाए रखें।
6. ड्राफ्ट और व्यायाम लोड हो रहा है, खाली, त्रुटि, अतिथि और हस्ताक्षरित राज्यों में पूर्वावलोकन में सहेजें।

हर मार्ग के लिए एक नेविगेशन और पाद लेख डिजाइन करें

1. खुला निर्माण → नेविगेशन और पाद लेख.
2. आदेशित डेस्कटॉप लिंक और घोंसले या मेगा मेनू समूह बनाएं; कीबोर्ड और मोबाइल व्यवहार की पुष्टि करें।
3. एंटरप्राइज़ पाद लेख को कॉन्फ़िगर करें: ब्रांड, समूहबद्ध लिंक, संपर्क, सामाजिक, विश्वास, न्यूजलेटर, कानूनी लिंक, स्थानीय और स्थिति।
4. केवल जहां आवश्यक हो, दर्शकों और स्थानीय स्थितियों का उपयोग करें; URLs_, मार्गों और ID कभी अनुवाद नहीं किया जाता है।
5. मोबाइल, टैबलेट और डेस्कटॉप चौड़ाई पर सार्वजनिक, ग्राहक और संगठन के व्यक्तित्व का पूर्वावलोकन करें।

वास्तविक यात्राओं का पूर्वावलोकन करें, एक खुश स्क्रीन नहीं है

1. अतिथि समर्थन, हस्ताक्षरित टिकट, बिलिंग केयर, संगठन या ज्ञान हथकराना चुनें।
2. व्यक्ति, संगठन, भूमिका और सहायता केंद्र भाषा स्विच करें।
3. मोबाइल, बड़े मोबाइल, टैबलेट, लैपटॉप, डेस्कटॉप, चौड़े और अल्ट्रावाइड ब्रेकपॉइंट्स का निरीक्षण करें।
4. विरासत में मिली, अतिरिक् त और मानों को रीसेट करें; अनावश्यक ब्रेकपॉइंट दोहराव से बचें।
5. रन कीबोर्ड, RTL, कम गति, लोड हो रहा है, खाली, अनुपलब्ध और अनुमति राज्यों।
6. समीक्षा से पहले अभिगम्यता, पेलोड, मार्ग, बाध्यकारी और रेंडर निष्कर्षों के लिए टेस्ट लैब का उपयोग करें।

बिना किसी डुप्लिकेट सामग्री के Zendesk-level Help Center का संचालन करें

1. श्रेणियों, वर्गों, लेखों, अनुवादों, संलग्नक और टेम्पलेट्स में बनाएँ सहायता केंद्र.
2. वहाँ भाषाओं को सक्षम करें; स्थानीयकृत स्लग, खोज, फ़ीड, SEO और लेख क्रोम उसी अधिकार का पालन करते हैं।
3. स्टूडियो में, स्थान ज्ञान खोज, श्रेणी / संसाधन ग्रिड, फ़ीड, विषय समझौते, लेख, सामग्री की तालिका, प्रतिक्रिया, संबंधित और पिछले/अतिरिक्त घटक।
4. चित्रित, लोकप्रिय और हाल के फीड को कॉन्फ़िगर करें; टिकट प्रवाह में संदर्भ सुझावों का उपयोग करें।
5. नो-results, लंबे लेख, अटैचमेंट्स, फीडबैक, वॉच / सदस्यता और टिकट हैंडऑफ़ का पूर्वावलोकन करें।
6. प्रकाशन के बाद स्वच्छ स्थानीय मार्गों, कैनोनिकल / hreflang, संरचित डेटा और कैश अमान्यता को सत्यापित करें।

साइन-इन को सुरक्षित रूप से कॉन्फ़िगर करें

1. खुला Identity and organization → _Identity और कम से कम एक संकेत-in पथ सक्षम रखने के लिए।
2. डिफ़ॉल्ट विधि, पंजीकरण नीति, सत्र अवधि, SSO_-Domain प्रवर्तन और खोज व्यवहार चुनें।
3. दृश्य रूटिंग क्षेत्रों के साथ प्रदाताओं को जोड़ें: प्रकार, डोमेन, प्राथमिकता, प्रस्तुति, सक्षम और सत्यापित राज्य। राज पहचान सबसिस्टम में रहते हैं।
4. SCIM_ के लिए, प्रावधान करने में सक्षम, सटीक कार्यस्थल समापन बिंदु की प्रतिलिपि बनाएँ और टोकन को घुमाएं। IdP में एक बार टोकन स्टोर करें।
5. मानचित्र दावे और संगठन की सदस्यता, फिर परीक्षण किरायेदार के साथ निर्माण, अद्यतन, समूह सदस्यता और निष्क्रियता का परीक्षण करें।
6. प्रकाशन से पहले अतिथि, ग्राहक, प्रतिनिधि संगठन और अवरुद्ध राज्यों का पूर्वावलोकन करें।

पूर्ण समर्थन यात्रा का पालन करें

1. प्रत्यक्ष रूप, विज़ार्ड, खोज-पहली, हब या सर्विस डेस्क प्रविष्टि का चयन करें।
2. वर्गों और सुलभ फील्ड लेबल के साथ एक नामित, संस्करण अनुरोध फ़ॉर्म बनाएं।
3. दृश्य स्थितियों, रूटिंग, SLA और अनुमोदन चरणों का निर्माण; उन्नत JSON केवल समीक्षा की गई डेवलपर परिवर्तन के लिए है।
4. सूची, विस्तार, धागा, समयरेखा, लगाव, अनुमोदन, SLA और उत्तर सतहों को कॉन्फ़िगर करें।
5. टेस्ट अतिथि तलाश, हस्ताक्षरित अनुरोधों, संगठन दृश्यता, अपलोड विफलता, ईमेल अधिसूचना और ज्ञान विक्षेपण।
6. एक ड्राफ्ट सहेजें; केवल मार्ग एडाप्टर और सूचना पथ के बाद प्रीफ़लाइट पास करें।

एक शासित रिलीज के माध्यम से ले जाएँ

1. रन सत्यापन और टेस्ट लैब. फिक्सिंग अवरोध निष्कर्ष; संदर्भ के साथ अनुमति चेतावनी स्वीकार करते हैं।
2. रिलीज नोट्स और अनुरोध समीक्षा जोड़ें। समीक्षकों ने स्थिर पृष्ठ / नोड पथ पर टिप्पणी की।
3. Approvers diff, पूर्वावलोकन यात्रा, अनुमति परिवर्तन और सबूत का निरीक्षण करते हैं।
4. पृष्ठभूमि कार्यकर्ता के माध्यम से प्रकाशित या शेड्यूल करें। लेविंग स्टूडियो एक टिकाऊ काम को रद्द नहीं करता है।
5. प्रगति, स्वास्थ्य और सहसंबंध आईडी देखें। केवल नौकरी नियंत्रण से ही बंद / रहें।
6. महत्वपूर्ण मार्गों, पहचान, टिकट और ज्ञान को सत्यापित करें। आवश्यकतानुसार एक अपरिवर्तनीय पूर्व रिलीज में वापस रोल करें।

सबूत और एक रास्ता वापस के साथ प्रवास

1. प्रदाता ब्लूप्रिंट का चयन करें और एक सूखी रन बनाएं।
2. खोजी गई सेटिंग्स, अनमैप्ड मान, सामग्री गिनती और दृश्य समानता कैप्चर की समीक्षा करें।
3. सुरक्षित मैपिंग पूरा करें और संरचित diff को फिर से शुरू करें।
4. प्रत्येक संरक्षित यात्रा के लिए ड्राफ्ट, मिलान करने वाली गिनती और पूर्वावलोकन पर लागू करें।
5. रिकॉर्ड प्राधिकृत स्वीकृति; आयात के दौरान वर्तमान प्रकाशित रिलीज को कभी भी ओवरराइट नहीं किया जाता है।
6. शासन के माध्यम से प्रकाशित करें और प्रवास रिपोर्ट, आईडी जारी करने और रोलबैक प्वाइंट को एक साथ रखें।

अनुबंधों का विस्तार, टेम्पलेट्स नहीं

एक सुरक्षित एक्सटेंशन एक स्थिर घटक प्रकार और स्कीमा को पंजीकृत करता है, अनुमतियों और डेटा की जरूरतों को घोषित करता है जो कैनोनिकल कम्पाइलर के माध्यम से प्रस्तुत होता है, और निर्धारित जुड़नार/परीक्षणों की आपूर्ति करता है। मध्यस्थ तालिकाओं को क्वेरी न करें, संपादक इंजेक्षन करें JavaScript सार्वजनिक पोर्टल में, एक अन्य लेख भंडार बनाएं, या रिलीज गेट को बायपास करें।

एक घटक पैकेज को परिभाषित करें

एक लोअरकेस नेमस्पेस आईडी और सेमैनेटिक संस्करण का उपयोग करें। पैकेज निरीक्षण और सुरक्षा सत्यापन स्वतंत्र जांच करने के कारण दोनों संगतता संपत्ति नामों की आपूर्ति करें।

{
  "schema_version": 1,
  "id": "acme.support_health",
  "slug": "acme-support-health",
  "name": "Support health",
  "version": "1.0.0",
  "entry": "renderer.php",
  "renderer": "server",
  "server_renderer": "renderer.php",
  "public_renderer": "public.js",
  "schema": {
    "type": "object",
    "properties": {
      "heading": {"type": "string", "maxLength": 120},
      "showSla": {"type": "boolean", "default": true}
    },
    "additionalProperties": false
  },
  "permissions": ["tickets.read"],
  "data_scopes": ["tickets.mine"],
  "accessibility": {
    "landmark": "section",
    "nameFrom": "heading",
    "emptyState": true,
    "errorState": true
  },
  "performance": {"max_js_bytes": 12000, "max_css_bytes": 8000},
  "performance_budget": {"js": 12000, "css": 8000, "requests": 0}
}

नोड आकार

{
  "id": "node-support-health",
  "type": "custom.acme_support_health",
  "props": {"heading": "Support health", "showSla": true},
  "bindings": {"requests": {"source": "tickets.mine", "limit": 5}},
  "responsive": {"mobile": {"padding": "16px"}, "desktop": {"padding": "24px"}},
  "conditions": [{"field": "identity.signed_in", "operator": "equals", "value": true}],
  "a11y": {"label": "Support health"}
}

• आईडी संपादन और माइग्रेशन के पार स्थिर रहती हैं।
• गुण अघुलनशील क्षेत्रों को अस्वीकार करते हैं और असुरक्षित HTML
• हर डेटा-बद्ध दृश्य लोड होने, खाली, अनुमति और दोबारा कोशिश योग्य त्रुटि का आउटपुट तय करता है।
• कंटेनर घटक उनके स्लॉट का नाम देते हैं; पत्तियां मनमाने ढंग से बच्चों को स्वीकार नहीं कर सकती हैं।
• ईमानदारी से मार्क परिपक्वता: योजनाबद्ध ब्लॉक, बीटा चेतावनी देता है, GA को पूर्ण सबूत की आवश्यकता होती है।

अनुमति-सुरक्षित डीटीओ का प्रयोग करें

1. एक मौजूदा बिंदीदार आईडी जैसे चुनें tickets.mine, knowledge.featured या customer.profile.
2. अपने संस्करण डीटीओ द्वारा घोषित केवल फ़ील्ड को बिंदो करें। अज्ञात स्रोतों से विफल data_source.unknown.
3. पहले से ही अधिकृत पोर्टल संदर्भ पास करें; एक अविश्वासित संपत्ति से वर्कस्पेस / ग्राहक पहचान को कभी स्वीकार नहीं किया जाता है।
4. सूची सीमा को क्लैंप किया जाता है1–100 The number of scentre, and the value of a class.
5. यदि कोई नया स्रोत अपरिहार्य है, तो इसकी स्थिर परिभाषा, सुरक्षित मैपिंग, अनुमतियां, खाली व्यवहार और पूर्वावलोकन स्थिरता को एक साथ जोड़ दें।

{
  "success": true,
  "source": "tickets.mine",
  "contract_version": 1,
  "items": [
    {"id": 42, "number": "REQ-42", "subject": "Example", "status": "open"}
  ]
}

ट्रस्ट सीमाओं के अंदर रहना

{
  "success": false,
  "error": {
    "code": "studio.permission_denied",
    "message": "You do not have permission to publish the Portal.",
    "retryable": false,
    "correlation_id": "ps_…",
    "meta": {"capability": "publish"}
  }
}

शारीरिक रूप से निरीक्षण, स्थापित और उन्नयन

1. रखना component.json ZIP जड़ पर और हर पथ के सापेक्ष रखें।
2. पहला निरीक्षण करें। इंस्टॉलर कैप अभिलेखागार पर 500 प्रविष्टियां और प्रविष्टियाँ 25 MB निकाले गए; सुरक्षा सत्यापन स्वतंत्र सीमा को जोड़ता है।
3. अपेक्षित SHA- सत्यापित करें256 और रिलीज प्रक्रिया में हस्ताक्षर पैकेज।
4. एक संस्करण निर्देशिका में स्थापित करें। कभी भी किसी स्थापित संस्करण को जगह में परिवर्तित नहीं किया जाता है।
5. स्कीमा परिवर्तन को तोड़ने और अज्ञात संगतता क्षेत्रों को संरक्षित करने के लिए संपत्ति माइग्रेशन प्रदान करें।
6. एक ड्राफ्ट में घटक को खोलें, हर राज्य /व्यूपोर्ट / व्यक्तित्व स्थिरता चलाएं और शासन के माध्यम से प्रकाशित करें।
7. रोलबैक पूर्व immutable घटक / दस्तावेज रिलीज सक्रिय करता है; अपने reproducibility सबूत को बनाए रखने।

उसी रिलीज हैश पर विस्तार का प्रयास करें

php tools/portal_studio_certify.php --source-only --json
php tools/test_portal_studio_contract.php
php tools/test_portal_one_renderer.php
php tools/test_portal_studio_engineer.php
php tools/test_portal_component_contracts.php
php tools/test_portal_one_renderer.php
php tools/test_portal_shell_contract.php
php tools/test_portal_knowledge_contract.php
node node_modules/@playwright/test/cli.js test tests/e2e/portal-studio-shell-visual-contract.spec.js tests/e2e/portal-custom-code-runtime.spec.js

स्रोत द्वार आवश्यक हैं, पर्याप्त नहीं। डेटाबेस / प्रवासन संलग्न करें, वास्तविक ब्राउज़र दृश्य, पहचान प्रदाता, प्राधिकरण-अलगावेशन, अभिगम्यता, प्रदर्शन, क़तार/क्रोन, मेल/attachment, बैकअप/रीस्टोर और तैनाती सबूत समान अचल रिहाई हैश के लिए। अज्ञात आवश्यक साक्ष्य जारी होने में विफल होना चाहिए।

• इकाई: स्कीमा, स्वच्छता, डीटीओ आकार, स्थितियां, माइग्रेशन और टाइप्ड विफलताएं।
• अनुबंध: लोड हो रहा है/खाली/त्रुटि/सफल, परिपक्वता, स्लॉट, बाइंडिंग और एक-रेंडरर समानता।
• ब्राउज़र: कीबोर्ड, फोकस, सेमनेटिक्स, RTL, ज़ूम / रिफ्लो, कम गति और हर ब्रेकपॉइंट।
• सुरक्षा: क्रॉस-वर्कस्पेस जांच, जाली कार्रवाई, पैकेज हमले, पूर्वावलोकन स्पूफिंग और गुप्त रिसाव।
• संचालन: टिकाऊ प्रगति, छुट्टी / वापसी, स्टॉप / रिट्री / रिज्यूम, शेड्यूलर हार्टबीट और रोलबैक।

राज्य और सहसंबंध आईडी द्वारा समस्या निवारण