आपको Apigee Edge दस्तावेज़ दिख रहा है.
अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है
इस पेज पर जाएं
Apigee X दस्तावेज़. जानकारी
हम Apigee Edge के इंटिग्रेट किए गए पोर्टल का नया वर्शन, सोमवार, 27 जुलाई को रिलीज़ करना शुरू करेंगे.
नई सुविधाएं और बेहतर सुविधाएं
इस सेक्शन में, इस रिलीज़ में जोड़ी गई नई सुविधाओं और सुधारों के बारे में बताया गया है.
सुलभता और रिस्पॉन्सिवनेस में सुधार
यहां इस रिलीज़ के लिए लागू किए गए, सुलभता और रिस्पॉन्सिवनेस से जुड़े सुधारों की सूची दी गई है.
- कीबोर्ड नेविगेशन: अब कीबोर्ड का इस्तेमाल करके हेडर और फ़ुटर नेविगेशन बार, SmartDocs के साइड नेविगेशन, ऐप्लिकेशन की सूची, ऐप्लिकेशन व्यू, और एपीआई कार्ड पर नेविगेट किया जा सकता है.
अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है - फ़ोकस मैनेजमेंट: हेडर नेविगेशन बार और SmartDocs के साइड नेविगेशन से नेविगेट करने पर, नेविगेशन कार्रवाई करने के बाद फ़ोकस पेज पर पहले
<H1>पर चला जाता है. - लाइव इलाके: टेक्स्ट वाले फ़िल्टर की वजह से एपीआई की सूची में होने वाले बदलाव, अब स्क्रीन रीडर का इस्तेमाल करने वाले उपयोगकर्ताओं को रिपोर्ट किए जाते हैं.
- एचटीएमएल हेडिंग का सिमैंटिक इस्तेमाल: पूरा टेक्स्ट अब मतलब के हिसाब से सही एचटीएमएल टैग में शामिल है. अब पूरे पोर्टल में हेडिंग के सही स्ट्रक्चर का इस्तेमाल किया गया है.
- <H1> का एक साथ इस्तेमाल: हर पेज में अब सिर्फ़ एक
<H1>होता है. इसकी मदद से, स्क्रीन रीडर आसानी से उस पेज के कॉन्टेंट के बारे में सबसे ज़्यादा जानकारी देने वाले ब्यौरे की पहचान कर सकते हैं. - कैपिटल लेटर का इस्तेमाल: विज़ुअल ऐक्सेंट के तौर पर ऑल-कैप का इस्तेमाल अब असल टेक्स्ट में नहीं, बल्कि सीएसएस के साथ किया जाता है.
- DOM का लॉजिकल क्रम: ऐप्लिकेशन बनाएं और उसमें बदलाव करें पेज पर मौजूद ऐक्शन बटन, DOM में फ़ॉर्म एलिमेंट के नीचे ले जाए गए हैं, ताकि फ़ॉर्म इंटरैक्शन पूरा होने पर उन्हें लॉजिकल क्रम में चालू किया जा सके.
- विज़ुअल एलिमेंट के बारे में टेक्स्ट के तौर पर जानकारी: अब लेबल, वैकल्पिक टेक्स्ट, और बटन टेक्स्ट का बेहतर तरीके से इस्तेमाल किया जा सकता है. इन सभी सुविधाओं की मदद से, स्क्रीन रीडर की मदद से नेविगेशन को बेहतर बनाया जा सकता है.
- कलर कंट्रास्ट: पूरे प्रॉडक्ट में कई जगहों पर डब्ल्यूसीएजी AA कंट्रास्ट की ज़रूरी शर्तों को पूरा करने के लिए, कलर कंट्रास्ट को बढ़ाया गया है. ज़रूरत के मुताबिक कलर कंट्रास्ट होने से बचाने के लिए, एपीआई सूची में एपीआई के टाइटल को इमेज के नीचे ले जाया गया है.
- फ़ॉर्म की पुष्टि करना: ऐप्लिकेशन बनाने और उसमें बदलाव करने वाले पेजों पर, फ़ॉर्म सबमिट करने के बटन अब बंद नहीं होते. उन्हें फ़ॉर्म की पुष्टि करने के लिए चालू किया जा सकता है. 'ऐप्लिकेशन बनाएं' और 'ऐप्लिकेशन में बदलाव करें' पेजों पर मौजूद पुष्टि किए गए फ़ॉर्म फ़ील्ड में, अब पुष्टि की गड़बड़ी की जानकारी टेक्स्ट के तौर पर दी जाएगी.
- रिस्पॉन्सिवनेस: SmartDocs को छोड़कर बाकी सभी पेजों पर अब ज़्यादा से ज़्यादा चौड़ाई लागू हो सकती है. SmartDocs नेविगेशन अब फ़ोन के साइज़ की छोटी स्क्रीन पर काम करता है. 'ऐप्लिकेशन बनाएं' और 'बदलाव करें' पेज अब छोटी स्क्रीन पर भी ज़्यादा रिस्पॉन्सिव हैं.
डीओएम में बदलाव से आपके पोर्टल पर असर पड़ सकता है
इसके लिए, इन बातों का ध्यान रखें:
- सीएसएस की सेटिंग में नेविगेशन बार (हेडर और फ़ुटर) और पेज की हेडिंग को स्टाइल (या छिपा दिया गया) किया गया है: पेज के कॉन्टेंट के लिए अब ज़्यादा से ज़्यादा चौड़ाई हो सकती है. नेविगेशन बार और पेज हेडर को ब्राउज़र विंडो के किनारे तक बढ़ाने के लिए, Apigee ने
:beforeस्यूडो एलिमेंट की स्टाइल की है. ज़्यादा जानकारी के लिए, नेविगेशन बार और पेज हेडर के लिए प्राइमरी कलर को बदलना देखें. - बैकग्राउंड वाले पेज एलिमेंट, ब्राउज़र विंडो के किनारे तक बड़े होते हैं (फ़ुल-स्क्रीन वाली बैकग्राउंड इमेज के अलावा): पेज के कॉन्टेंट की ज़्यादा से ज़्यादा चौड़ाई, रिस्पॉन्सिवनेस को बेहतर बनाने के लिए सीमित की गई है. इस वजह से, कस्टम पेजों के पहले पूरी चौड़ाई वाले पैनल में रुकावट आ सकती है. नई अधिकतम चौड़ाई वाली सेटिंग इस्तेमाल करने के बारे में ज़्यादा जानकारी के लिए, पोर्टल पेज में पूरी चौड़ाई वाला पैनल बनाना देखें.
- टेक्स्ट के स्टाइल में बदलाव करने के लिए, खास एचटीएमएल के हेडिंग लेवल को सीएसएस सिलेक्टर की मदद से टारगेट किया गया है: कुछ कॉन्टेंट पर लागू किया गया हेडिंग लेवल बदल गया है. उदाहरण के लिए:
<H1> → <H2>इस रिलीज़ में हुए बदलावों की पूरी जानकारी वाली सूची देखें. इससे आपको पता चलेगा कि इसका असर किस कॉन्टेंट पर पड़ा है. - सफ़ेद या बहुत हल्का रंग को "सेकंडरी रंग" के तौर पर चुना गया है पोर्टल के थीम एडिटर में: नेविगेशन एलिमेंट के लिए सेकंडरी रंग का इस्तेमाल किया जाता है, जिन्हें सफ़ेद बैकग्राउंड में देखना मुश्किल होगा. हमारा सुझाव है कि आप ऐक्सेस किया जा सकने वाला सेकंडरी कलर चुनें. इसके बाद, अगर ज़रूरी हो, तो कुछ खास स्थितियों में कस्टम एससीएस का इस्तेमाल करें.
- टेक्स्ट में दिए गए लिंक को स्टाइल कर दिया गया है:अब लिंक को आसानी से स्टाइल किया जा सकता है. नीचे दिए गए बदलावों को देखकर जानें कि यह आपकी मौजूदा स्टाइल के साथ कैसे इंटरैक्ट कर सकता है.
- होम व्यू कार्ड के कॉन्टेंट एरिया पर 2 पिक्सल बॉर्डर-बॉटम को सीएसएस में बदलाव करके स्टाइल किया गया है या छिपाया गया है: इस बॉर्डर को
<mat-card-actions>पर<mat-card-content>से ऊपर की ओर ले जाया गया.
पूरी जानकारी वाले बदलावों की खास जानकारी
नीचे दिए गए सेक्शन में, कैटगरी के हिसाब से इस रिलीज़ में लागू किए गए पूरी जानकारी वाले बदलावों के बारे में खास जानकारी दी गई है.
पूरे पोर्टल में किए गए बदलाव
पूरे पोर्टल में किए गए बदलावों की जानकारी नीचे दी गई है.
- नीचे दिए गए वैरिएबल का अब इस्तेमाल नहीं किया जा रहा है:
$layout-horizontal-padding$layout-main-content-horiz-padding$layout-header-horiz-padding$layout-context-bar-horiz-padding
- यहां कुछ ऐसे नए वैरिएबल दिए गए हैं जिनकी मदद से, कॉन्टेंट के मुख्य हिस्से की ज़्यादा से ज़्यादा चौड़ाई और कॉन्टेंट के कम से कम हॉरिज़ॉन्टल पैडिंग (जगह) को कंट्रोल किया जा सकता है:
$layout-main-content-max-width$layout-horizontal-min-padding
मुख्य नेविगेशन बार में किए गए बदलाव
मुख्य नेविगेशन बार में किए गए बदलावों के बारे में यहां खास जानकारी दी गई है.
<img>लोगो को अब डेस्कटॉप और मोबाइल स्क्रीन, दोनों साइज़ के लिए<a>में रैप कर दिया गया है- उपयोगकर्ता ड्रॉप-डाउन बटन अब
<a>के बजाय<button>है
लिंक की स्टाइल में किए गए बदलाव
टेक्स्ट में मौजूद <a> स्टैंडर्ड लिंक में अब डिफ़ॉल्ट रूप से अंडरलाइन होता है. साथ ही, कर्सर घुमाने पर बैकग्राउंड का रंग होता है (थीम सेटिंग "सेकंडरी कलर" के आधार पर)
404 पेज में हुए बदलाव
404 पेज में किए गए बदलावों के बारे में जानकारी नीचे दी गई है.
- "अभी साइन इन करें" अब
<H1>के बजाय<H2>है - जानकारी देने वाले टेक्स्ट को
<H1>के बजाय अब<H2>में बदल दिया गया है
एपीआई पेज
एपीआई पेज में हुए बदलावों के बारे में, कैटगरी के हिसाब से नीचे खास जानकारी दी गई है.
- एपीआई सर्च/फ़िल्टर इनपुट कार्ड:
<mat-card-content class="mat-card-content">अब खोज एपीआई कार्ड की हेडिंग और इनपुट को रैप करता है<H2>में अबclass="api-doc-filter-title"के बजाय,class="mat-subheading-1"का इस्तेमाल किया जाता है<mat-form-field>अबappearance="outline"का इस्तेमाल करता है- इनपुट के पहले
<mat-form-field>में एक खोज आइकॉन जोड़ा गया है:"<mat-icon matPrefix>search</mat-icon>" - इनपुट में आरिया लेबल और कंट्रोल रेफ़रंस जोड़ दिए गए हैं
- एपीआई सूची में कोई फ़ील्ड खाली है:
- "कोई एपीआई नहीं मिला" अब
<H1>के बजाय<H2>है - जवाब के तौर पर दी गई जानकारी अब
<H2>के बजाय<H3>है
- "कोई एपीआई नहीं मिला" अब
- API कार्ड की सूची:
"आपकी खोज से कोई एपीआई मैच नहीं करता" अब
<H1>के बजाय<H2>है - एपीआई कार्ड:
>div class="api-doc-card-content-image-gradient"></div>को हटा दिया गया है- एपीआई टाइटल को
<div>वाली इमेज से बाहर और<div>इमेज के तुरंत बाद<div class="api-doc-card-content-title"></div>में ले जाया गया है - एपीआई का टाइटल अब
<H1>के बजाय<H2>में बदल गया है
ऐप्लिकेशन की सूची:
- खाली स्थिति:
- "शुरू करें" अब
<H1>के बजाय<H2>है - खाली स्थिति वाले दिशा-निर्देश अब
<H2>के बजाय<H3>हैं
- "शुरू करें" अब
- सूची:
- "मेरे ऐप्लिकेशन" अब
<H1>के बजाय<H2>है <mat-row>को अब<a>में बदल दिया गया है
- "मेरे ऐप्लिकेशन" अब
ऐप्लिकेशन के पेज बनाना और उनमें बदलाव करना
'ऐप्लिकेशन बनाएं' और 'बदलाव करें' पेजों में किए गए बदलावों के बारे में जानकारी नीचे दी गई है.
<div class="app-buttons">को <form> के आखिर में ले जाया गया है और<div class="form-buttons-sticky-container">से बदल दिया गया है.app-layout-sectionक्लास के सभी इस्तेमाल को.details-layout-sectionमें बदल दिया गया है.app-layout-section-titleक्लास के सभी इस्तेमाल को.details-layout-section-titleमें बदल दिया गया है- सभी सेक्शन की हेडिंग
<div>के बजाय अब<H2>हो गई हैं .app-layout-section-contentक्लास के सभी इस्तेमाल को.details-layout-section-contentमें बदल दिया गया है- एपीआई की सूची, अब टॉगल स्विच वाले एपीआई कार्ड की सूची नहीं है. यह एपीआई सूची की तरह ही होती है. इसके बजाय, यह एपीआई की एक टेबल है
- कॉलबैक यूआरएल इनपुट को नए सेक्शन में भेज दिया गया है
- 'सेव करें' बटन अब मैट-राइज़ बटन की स्टाइल और मुख्य रंग के बैकग्राउंड का इस्तेमाल करता है
- टेबल अब
<div>में.app-table-wrapperक्लास के साथ रैप कर दी गई हैं - टेबल हेडर अब
<thead>रैपर का इस्तेमाल करते हैं - टेबल के मुख्य हिस्से अब
<tbody>रैपर का इस्तेमाल करते हैं - टेबल के कॉलम की चौड़ाई सेट करने के लिए, अब
[style.width]का इस्तेमाल नहीं किया जाता - टेबल के सभी
<a>टैग अब इसके बजाय<buttonका इस्तेमाल करते हैं
टीमों की सूची
टीम की सूची में किए गए बदलावों के बारे में यहां खास जानकारी दी गई है.
- खाली स्थिति:
- "शुरू करें" अब
<H1>के बजाय<H2>है - "शेयर किए गए ऐप्लिकेशन के मालिकाना हक को मैनेज करने के लिए टीम बनाना" अब
<H2>के बजाय<H3>है
- "शुरू करें" अब
- सूची:
"टीम" टाइटल अब
<H1>के बजाय<H2>है
टीम पेज बनाएं और उनमें बदलाव करें
टीम बनाएं और बदलाव करें पेजों में किए गए बदलावों के बारे में जानकारी नीचे दी गई है.
<form>को, क्लास.teams-formको.details-formसे बदल दिया गया है<div class="teams-buttons">को<form>के आखिर में ले जाया गया है और उसकी जगह<div class="form-buttons-sticky-container">ने ले ली है.teams-layout-sectionक्लास के सभी इस्तेमाल को.details-layout-sectionमें बदल दिया गया है.teams-layout-section-titleक्लास के सभी इस्तेमाल को.details-layout-section-titleमें बदल दिया गया है.teams-layout-section-contentक्लास के सभी इस्तेमाल को.details-layout-section-contentमें बदल दिया गया है<div class="team-apps-container">को<table class="team-apps">के आस-पास जोड़ा गया
SmartDocs
SmartDocs इंटरफ़ेस के बदलावों के बारे में खास जानकारी यहां दी गई है.
- साइड नेविगेशन:
- साइड नेविगेशन को ऐंग्युलर मटीरियल कॉम्पोनेंट का इस्तेमाल करके फिर से लिखा गया है
- साइड नेविगेशन के हेडिंग,
<div>के बजाय अब<H2>हो गए हैं - नेविगेशन आइटम में अब पोर्टल के थीम एडिटर के "दूसरे रंग" के बजाय, पोर्टल के डिफ़ॉल्ट टेक्स्ट रंग का इस्तेमाल किया जाता है
- साइड नेविगेशन में मौजूद, चुने गए, फ़ोकस किए गए, और कर्सर घुमाने पर, अब पोर्टल थीम एडिटर के गहरे और हल्के रंग वाले वर्शन इस्तेमाल किए जा रहे हैं "दूसरा रंग" टेक्स्ट और बैकग्राउंड के लिए
- सामग्री:
- "पाथ पैरामीटर" जैसे कई उप-शीर्षक और "हेडर पैरामीटर" अब
<H3>के बजाय<H2>हैं - खास जानकारी देने वाले पेज पर मौजूद स्कीमा इकाइयां अब
<H2>के बजाय<H3>=>हैं
- "पाथ पैरामीटर" जैसे कई उप-शीर्षक और "हेडर पैरामीटर" अब
मौजूदा होम पेज में सुलभता सुविधाओं में सुधार करना
अगर आपके पास कोई मौजूदा पोर्टल है, तो आपको होम पेज में बदलाव करना होगा. ऐसा करके, नेविगेट किए जा सकने वाले कार्ड के लिए, सुलभता से जुड़े नए सुधारों का फ़ायदा लिया जा सकता है. इनके बारे में नीचे बताया गया है:
<mat-card>कंटेनर सेhref=""हटाएं.<mat-card-header>में कार्ड हेडिंग के लिए,<H1>के बजाय<H2>का इस्तेमाल करें.- कार्ड के हेडिंग
<h2>के अंदर<a class="navigable-content" href="href-name">में टेक्स्ट को रैप करें और href-name को कार्ड के नेविगेशन के लिए सही वैल्यू पर सेट करें.
इसके अलावा, इन कार्ड टेंप्लेट का इस्तेमाल भी किया जा सकता है:
<mat-card class="home-page-card quick-start">
<mat-card-header class="home-page-card-header" color="primary">
<mat-icon class="home-page-card-header-icon">
check_circle
</mat-icon>
<h2 class="home-page-card-header-text">
<a class="navigable-content" href="page-route">
Card heading
</a>
</h2>
</mat-card-header>
<mat-card-content class="home-page-card-content">
<p class="home-page-card-content-text">
Extra content
</p>
</mat-card-content>
</mat-card>
</p>
नेविगेशन बार और पेज हेडर के मुख्य रंग बदलना
नेविगेशन बार और पेज हेडर को बढ़ाने के लिए ब्राउज़र विंडो के किनारे पर जाकर, बेहतर थीम एडिटर का इस्तेमाल करके नेविगेशन बार और पेज हेडर के लिए कस्टम स्टाइलिंग जोड़ें. इसका इस्तेमाल हेडर नेविगेशन बार के लिए किया जाता है:
// Override use of the primary color for header navigation bar background-color
.nav-header .mat-toolbar {
color: #fff // color for navigation text
// Use the :before pseudo element to style the background of full-width bars
// (header and footer navigation bars and page headers)
&:before {
background-color: #000; // background color for header navigation bar
}
}
किसी ऐप्लिकेशन के एपीआई मैनेज करने की प्रोसेस अपडेट की जा रही है
इंटिग्रेट किए गए पोर्टल पर, ऐप्लिकेशन में एपीआई को मैनेज करने के लिए उपयोगकर्ता के इंटरैक्शन में बदलाव हुआ है.
खास तौर पर, किसी ऐप्लिकेशन को मैनेज करते समय, एपीआई सेक्शन में उपयोगकर्ताओं को टॉगल के बजाय 
या 
पर क्लिक करना होगा. इससे ऐप्लिकेशन के एपीआई का ऐक्सेस चालू या बंद किया जा सकेगा.
अगर लागू हो, तो अपने पोर्टल पर ऐसी सभी प्रोसेस अपडेट करें जिनमें ऐप्लिकेशन पेज पर एपीआई को मैनेज करने का तरीका बताया गया हो. ज़्यादा जानकारी के लिए, यह देखें अपने ऐप्लिकेशन में एपीआई मैनेज करना.
गड़बड़ियां ठीक की गईं
इस रिलीज़ में नीचे दी गई गड़बड़ियां ठीक की गई हैं. यह सूची मुख्य रूप से उन उपयोगकर्ताओं के लिए है जो इन्हें देखना चाहते हैं अगर उनके सहायता टिकट ठीक कर दिए गए हैं. इसे इस तरह से डिज़ाइन नहीं किया गया है कि यह सभी उपयोगकर्ता.
| समस्या आईडी | कॉम्पोनेंट का नाम | ब्यौरा |
|---|---|---|
| 161269688 | इंटिग्रेट किया गया पोर्टल |
Apigee हाइब्रिड में ऐसेट के थंबनेल गलत तरीके से रेंडर हो रहे हैं थंबनेल अब ऐसेट पेज पर सही तरीके से दिखते हैं. |
| 161295683 | इंटिग्रेट किया गया पोर्टल |
ऐप्लिकेशन का ब्यौरा सेट न होने की वजह से सर्वर काम नहीं कर रहा अगर किसी ऐप्लिकेशन के लिए ब्यौरा (वैकल्पिक फ़ील्ड) तय नहीं किया गया है, तो ऐप्लिकेशन अब बन जाएगा. |
| 160898967 | इंटिग्रेट किया गया पोर्टल |
पोर्टल का लैंडिंग पेज ठीक से स्क्रोल नहीं होता पोर्टल के लैंडिंग पेज को अब स्क्रोल किया जा सकता है. |
|
160613314, 159197760, 158643196, 158069283, 158069066, 140154942 |
इंटिग्रेट किया गया पोर्टल |
सुरक्षा से जुड़े अन्य सुधार |
| 158593496 | इंटिग्रेट किया गया पोर्टल |
वर्शन 1 पोर्टल में डेवलपर ऐप्लिकेशन नहीं बनाया जा सका उस समस्या को ठीक कर दिया गया है जिसकी वजह से V1 पोर्टल पर डेवलपर ऐप्लिकेशन नहीं बनाया जा रहा था. |
| 158318079 | इंटिग्रेट किया गया पोर्टल |
डेवलपर पोर्टल में कॉलबैक यूआरएल जोड़ने या उसमें बदलाव करने की सुविधा काम नहीं कर रही है उस समस्या को ठीक कर दिया गया है जो पोर्टल उपयोगकर्ताओं को एपीआई पेज पर कॉलबैक यूआरएल जोड़ने या बदलने से रोक रही थी. |
| 157902256 | इंटिग्रेट किया गया पोर्टल |
पब्लिश करने की सुविधा, पेज की ज़्यादा जानकारी वाले पेज पर, पेज के नाम में किए गए अपडेट को बदल सकती है एक ऐसी समस्या को ठीक कर दिया गया है जिसकी वजह से, पोर्टल को पब्लिश करने पर, पेज के नाम को अपडेट किया गया था. यह समस्या, रेस की शर्तों की वजह से हुई थी. |
| 138993728 | इंटिग्रेट किया गया पोर्टल |
डेवलपर प्रोग्राम की मदद से, ईमेल को क्रम से लगाने और खोजने की सुविधा काम नहीं कर रही है उपभोक्ता उपयोगकर्ता खातों को खोजने और क्रम से लगाने की सुविधा अब उम्मीद के मुताबिक काम करती है. |
पहले से मालूम समस्याएं
इंटिग्रेट किए गए पोर्टल की सामान्य समस्याओं की सूची देखने के लिए, इंटिग्रेटेड पोर्टल की पहले से मालूम समस्याएं देखें.