20.07.27 - Apigee Edge ইন্টিগ্রেটেড পোর্টাল রিলিজ নোট

আপনি Apigee Edge ডকুমেন্টেশন দেখছেন।
Apigee X ডকুমেন্টেশনে যান । তথ্য

সোমবার, 27 জুলাই, আমরা Apigee Edge ইন্টিগ্রেটেড পোর্টালের একটি নতুন সংস্করণ প্রকাশ করা শুরু করব৷

নতুন বৈশিষ্ট্য এবং উন্নতি

এই বিভাগে এই রিলিজে নতুন বৈশিষ্ট্য এবং বর্ধিতকরণ বর্ণনা করা হয়েছে।

অ্যাক্সেসযোগ্যতা এবং প্রতিক্রিয়াশীলতার উন্নতি

নিম্নলিখিতগুলি এই প্রকাশের জন্য প্রয়োগ করা অ্যাক্সেসযোগ্যতা এবং প্রতিক্রিয়াশীলতার উন্নতিগুলির তালিকা করে।

• কীবোর্ড নেভিগেশন: এখন কীবোর্ড ব্যবহার করে হেডার এবং ফুটার নেভিগেশন বার, SmartDocs সাইড নেভিগেশন, অ্যাপস তালিকা, অ্যাপ ভিউ এবং API কার্ড নেভিগেট করা সম্ভব।
  
• ফোকাস ম্যানেজমেন্ট: হেডার নেভিগেশন বার এবং SmartDocs সাইড নেভিগেশন দিয়ে নেভিগেট করা একটি নেভিগেশন অ্যাকশনের পরে পৃষ্ঠার প্রথম <H1> -এ ফোকাস নিয়ে যায়।
• লাইভ অঞ্চল: টেক্সচুয়াল ফিল্টারিংয়ের ফলে API-এর তালিকায় পরিবর্তনগুলি এখন স্ক্রিন রিডার ব্যবহারকারী ব্যবহারকারীদের কাছে রিপোর্ট করা হয়।
• এইচটিএমএল শিরোনামের শব্দার্থগত ব্যবহার: সমস্ত পাঠ্য এখন শব্দার্থগতভাবে উপযুক্ত HTML ট্যাগে রয়েছে। এখন পুরো পোর্টাল জুড়ে একটি যথাযথভাবে অনুক্রমিক শিরোনাম কাঠামো ব্যবহার করা হয়।
• <H1>-এর একক ব্যবহার : প্রতিটি পৃষ্ঠায় এখন শুধুমাত্র একটি <H1> আছে তাই স্ক্রীন রিডাররা সহজেই পৃষ্ঠার বিষয়বস্তুর সবচেয়ে তথ্যপূর্ণ বিবরণ সনাক্ত করতে পারে।
• স্টাইলিস্টিক ক্যাপিটালাইজেশন: একটি ভিজ্যুয়াল অ্যাকসেন্ট হিসাবে অল-ক্যাপ ব্যবহার এখন প্রকৃত পাঠ্যের পরিবর্তে CSS এর সাথে একচেটিয়াভাবে প্রয়োগ করা হয়।
• DOM-এর লজিক্যাল অর্ডারিং: অ্যাপ তৈরি এবং সম্পাদনা পৃষ্ঠাগুলিতে অ্যাকশন বোতামগুলি DOM-এর ফর্ম উপাদানগুলির নীচে সরানো হয়েছে যাতে ফর্ম ইন্টারঅ্যাকশনের সমাপ্তিতে সেগুলি যৌক্তিক ক্রমে সক্রিয় করা যায়৷
• ভিজ্যুয়াল উপাদানগুলির পাঠ্য বিবরণ: লেবেল, অল্ট টেক্সট এবং বোতাম টেক্সটের উন্নত ব্যবহার রয়েছে যা সবই একটি স্ক্রিন রিডারের সাথে নেভিগেশন উন্নত করে।
• রঙের বৈসাদৃশ্য: সমস্ত পণ্য জুড়ে অনেক জায়গায় WCAG AA বৈপরীত্যের প্রয়োজনীয়তা মেটাতে রঙের বৈসাদৃশ্য বাড়ানো হয়েছে। সম্ভাব্য অপর্যাপ্ত রঙের বৈসাদৃশ্য এড়াতে API তালিকার API শিরোনামগুলিকে চিত্রের নীচে সরানো হয়েছে।
• ফর্ম যাচাইকরণ: অ্যাপ তৈরি করুন এবং সম্পাদনা করুন পৃষ্ঠাগুলিতে, ফর্ম জমা দেওয়ার বোতামগুলি আর অক্ষম করা হয় না এবং ফর্মটি যাচাই করতে সক্রিয় করা যেতে পারে৷ অ্যাপ তৈরি এবং সম্পাদনা পৃষ্ঠাগুলিতে বৈধ করা ফর্ম ক্ষেত্রগুলি এখন বৈধতা ত্রুটির পাঠ্য বিবরণ অন্তর্ভুক্ত করে৷
• প্রতিক্রিয়াশীলতা: এখন সর্বাধিক প্রস্থ রয়েছে যা SmartDocs বাদে সমস্ত পৃষ্ঠাগুলিতে প্রযোজ্য। SmartDocs নেভিগেশন এখন সরু ফোন-আকারের স্ক্রিনে কাজ করে। অ্যাপ তৈরি এবং সম্পাদনা পৃষ্ঠাগুলি এখন সংকীর্ণ স্ক্রিনের জন্য আরও প্রতিক্রিয়াশীল৷

DOM পরিবর্তন যা আপনার পোর্টালকে প্রভাবিত করতে পারে

বিশেষ করে বিবেচনা করুন যদি:

• নেভিগেশন বার (শিরোনাম এবং পাদচরণ) এবং পৃষ্ঠা শিরোনামগুলি সিএসএস ওভাররাইড সহ স্টাইল করা হয়েছে (বা লুকানো হয়েছে) : এখন পৃষ্ঠা বিষয়বস্তুর জন্য সর্বাধিক প্রস্থ রয়েছে৷ ব্রাউজার উইন্ডোর প্রান্তে নেভিগেশন বার এবং পৃষ্ঠা শিরোনাম প্রসারিত করতে, Apigee :before pseudo উপাদানটিকে স্টাইল করেছে। আরও তথ্যের জন্য, নেভিগেশন বার এবং পৃষ্ঠা শিরোনামগুলির জন্য ওভাররাইডিং প্রাথমিক রঙগুলি দেখুন।
• ব্যাকগ্রাউন্ড সহ পৃষ্ঠার উপাদান রয়েছে যা ব্রাউজার উইন্ডোর প্রান্ত পর্যন্ত প্রসারিত (পূর্ণ-স্ক্রীন পটভূমির চিত্র ব্যতীত): প্রতিক্রিয়াশীলতা উন্নত করার জন্য পৃষ্ঠার সর্বাধিক প্রস্থ সীমিত করা হয়েছে, যা কাস্টম পৃষ্ঠাগুলির মধ্যে কোনও পূর্বে সম্পূর্ণ প্রস্থের প্যানেলগুলিকে সীমাবদ্ধ করতে পারে . নতুন সর্বোচ্চ-প্রস্থ সেটিংস ব্যবহার সম্পর্কে আরও তথ্যের জন্য, একটি পোর্টাল পৃষ্ঠায় একটি পূর্ণ-প্রস্থ প্যানেল তৈরি করুন দেখুন।
• নির্দিষ্ট এইচটিএমএল শিরোনাম স্তরগুলি পাঠ্য শৈলী সংশোধন করার জন্য CSS নির্বাচকদের সাথে লক্ষ্য করা হয়েছে: নির্দিষ্ট বিষয়বস্তুতে প্রয়োগ করা শিরোনাম স্তর পরিবর্তিত হয়েছে। যেমন: <H1> → <H2> এই রিলিজের জন্য বিশদ পরিবর্তনের তালিকা পর্যালোচনা করুন ঠিক কি বিষয়বস্তু প্রভাবিত হয়েছে তা বোঝার জন্য।
• পোর্টাল থিম এডিটরে "সেকেন্ডারি কালার" হিসেবে একটি সাদা বা খুব হালকা রঙ নির্বাচন করা হয়েছে: গৌণ রঙটি নেভিগেশন এলিমেন্টের জন্য ব্যবহার করা হয় যা সাদা পটভূমিতে দেখা কঠিন হবে। আমরা একটি অ্যাক্সেসযোগ্য সেকেন্ডারি রঙ বাছাই করার পরামর্শ দিই এবং তারপর নির্দিষ্ট পরিস্থিতিতে কাস্টম এসসিএসের সাথে প্রয়োজনে এটিকে ওভাররাইড করে।
• ইন-টেক্সট লিঙ্কগুলি স্টাইল করা হয়েছে: লিঙ্কগুলির স্টাইলিং এখন আরও অ্যাক্সেসযোগ্য। এটি আপনার বিদ্যমান স্টাইলিংয়ের সাথে কীভাবে ইন্টারঅ্যাক্ট করতে পারে তা বোঝার জন্য নীচের পরিবর্তনগুলি দেখুন৷
• হোম ভিউ কার্ডের বিষয়বস্তু এলাকায় 2 পিক্সেল বর্ডার-নিচটি সিএসএস ওভাররাইডের সাথে স্টাইল করা হয়েছে বা লুকানো হয়েছে: এই বর্ডারটি <mat-card-content> থেকে <mat-card-actions> -এ একটি বর্ডার-টপে সরানো হয়েছে।

বিস্তারিত পরিবর্তনের সারসংক্ষেপ

নিম্নলিখিত বিভাগগুলি বিভাগ অনুসারে এই রিলিজে প্রয়োগ করা হয়েছে এমন বিশদ পরিবর্তনগুলিকে সংক্ষিপ্ত করে।

পোর্টাল-ব্যাপী পরিবর্তন

পোর্টাল-ব্যাপী পরিবর্তনগুলি নীচে সংক্ষিপ্ত করা হয়েছে।

• নিম্নলিখিত ভেরিয়েবলগুলি আর ব্যবহার করা হয় না:
  • $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>

APIs পৃষ্ঠা

APIs পৃষ্ঠার পরিবর্তনগুলি নীচে, বিভাগ অনুসারে সংক্ষিপ্ত করা হয়েছে।

• API অনুসন্ধান/ফিল্টার ইনপুট কার্ড:
  • <mat-card-content class="mat-card-content"> এখন সার্চ API কার্ড শিরোনাম এবং ইনপুট মোড়ানো হয়
  • <H2> এখন class=" class="api-doc-filter-title" class="mat-subheading-1" ব্যবহার করে
  • <mat-form-field> এখন appearance="outline" ব্যবহার করে
  • ইনপুট দেওয়ার আগে <mat-form-field> এ একটি অনুসন্ধান আইকন যোগ করা হয়েছে: "<mat-icon matPrefix>search</mat-icon>"
  • আরিয়া লেবেল এবং নিয়ন্ত্রণ রেফারেন্স ইনপুট যোগ করা হয়েছে
• খালি API তালিকা বার্তা:
  • "কোন API পাওয়া যায়নি" এখন <H1> এর পরিবর্তে <H2>
  • ব্যাখ্যাটি এখন <H2> এর পরিবর্তে <H3>
• API কার্ড তালিকা:

  "কোন APIই আপনার অনুসন্ধানের সাথে মেলে না" এখন <H1> এর পরিবর্তে <H2>

• API কার্ড:
  • >div class="api-doc-card-content-image-gradient"></div> সরানো হয়েছে
  • API শিরোনামটি <div> সম্বলিত চিত্র থেকে সরানো হয়েছে এবং <div> ছবির সাথে সাথেই <div class="api-doc-card-content-title"></div> এ সরানো হয়েছে
  • API শিরোনাম এখন <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 এ পরিবর্তিত হয়েছে
• API-এর তালিকা আর টগল সুইচ সহ API কার্ডের তালিকা নয় (এপিআই তালিকার অনুরূপ)। পরিবর্তে, এটি API-এর একটি টেবিল
• কলব্যাক URL ইনপুট একটি নতুন বিভাগে সরানো হয়েছে৷
• সংরক্ষণ বোতামটি এখন ম্যাট-উত্থাপিত বোতাম শৈলী এবং প্রাথমিক রঙের পটভূমি ব্যবহার করে
• টেবিলগুলি এখন ক্লাস .app-table-wrapper সহ একটি <div> এ মোড়ানো হয়
• টেবিল হেডার এখন <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>=>

একটি বিদ্যমান হোম পেজে অ্যাক্সেসযোগ্যতার উন্নতি যোগ করা

আপনার যদি একটি বহির্গমন পোর্টাল থাকে, তাহলে আপনাকে নেভিগেবল কার্ডগুলির জন্য নতুন অ্যাক্সেসিবিলিটি উন্নতির সুবিধা নিতে হোম পৃষ্ঠাটি সম্পাদনা করতে হবে, যেমনটি নীচে বর্ণনা করা হয়েছে:

1. <mat-card> কন্টেইনার থেকে href="" সরান।
2. <mat-card-header> এর মধ্যে কার্ড শিরোনামের জন্য <H1> এর পরিবর্তে <H2> ব্যবহার করুন।
3. কার্ড শিরোনামের ভিতরে <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
  }
}

একটি অ্যাপের জন্য এপিআই পরিচালনার পদ্ধতি আপডেট করা হচ্ছে

সমন্বিত পোর্টালে একটি অ্যাপে APIগুলি পরিচালনা করার জন্য ব্যবহারকারীর মিথস্ক্রিয়া পরিবর্তিত হয়েছে৷ বিশেষ করে, একটি অ্যাপ পরিচালনা করার সময়, APIs বিভাগে ব্যবহারকারীদের অবশ্যই ক্লিক করতে হবে বা (একটি টগলের পরিবর্তে) অ্যাপ থেকে একটি API-তে যথাক্রমে অ্যাক্সেস সক্ষম বা অক্ষম করতে।

আপনার পোর্টালে যেকোন পদ্ধতি আপডেট করুন যা প্রযোজ্য হলে অ্যাপ পৃষ্ঠায় API গুলি কীভাবে পরিচালনা করতে হয় তা বর্ণনা করে। আরও তথ্যের জন্য, আপনার অ্যাপে APIs পরিচালনা দেখুন।

বাগ সংশোধন করা হয়েছে

এই রিলিজে নিম্নলিখিত বাগগুলি সংশোধন করা হয়েছে৷ এই তালিকাটি মূলত ব্যবহারকারীদের জন্য তাদের সমর্থন টিকিট ঠিক করা হয়েছে কিনা তা পরীক্ষা করার জন্য। এটি সমস্ত ব্যবহারকারীদের জন্য বিস্তারিত তথ্য প্রদান করার জন্য ডিজাইন করা হয়নি।

পরিচিত সমস্যা

সমন্বিত পোর্টালের সাথে পরিচিত সমস্যাগুলির একটি তালিকার জন্য, সমন্বিত পোর্টালের সাথে পরিচিত সমস্যাগুলি দেখুন৷