ポータルでヘッダーおよびフッターの出力キャッシュを有効にします

[アーティクル]
04/25/2023

注意

2022 年 10 月 12 日より、Power Apps ポータルは Power Pages となります。詳細: Microsoft Power Pages の一般提供が開始されました (ブログ)
Power Apps ポータルのドキュメントは、近日中に Power Pages ドキュメントに移行、統合されます。

ポータルのヘッダーおよびフッター Web テンプレートのプロセスパフォーマンスを向上させるため、ヘッダーとフッターの出力キャッシュを有効にします。ヘッダーおよびフッター Web テンプレートは、ページの読み込まれるたびに解析および表示されます。ヘッダーおよびフッターの出力キャッシュは、著しくページ処理時間を短縮します。

新しいユーザーの場合は、出力キャッシュが既定で有効になります。次のサイト設定は利用可能であり、この機能をサポートするのに既定で true に設定されます。

Header/OutputCache/Enabled: ヘッダーの出力キャッシュを有効にするため、値を true に設定します。
Footer/OutputCache/Enabled: フッターの出力キャッシュを有効にするため、値を true に設定します。

新しいバージョンのポータルにアップグレードするユーザーに対して、既定で出力キャッシュが無効化されます—つまり、ヘッダーおよびフッター Web テンプレートが、各ページの読み込みで解析および表示されます。キャッシュ出力を有効にするには、ヘッダー、フッター、言語ドロップダウン Web テンプレートを更新し、必要なサイト設定を作成する必要があります。

注意

サイト設定の作成のみで出力キャッシュを有効にする場合、ヘッダーおよびフッターの一部が適切に表示せず、エラーメッセージが表示されます。

既存のユーザーに対するヘッダーおよびフッターの出力キャッシュを有効にします

手順1: ヘッダー Web テンプレートの更新

ポータル管理アプリを開きます。
ポータル > Web テンプレートの順に移動します。
ヘッダー Web テンプレートを開きます。

ソース フィールドで次のコードを更新します。

次のコードを検索して更新します。

既存コード

<li>
    <a href={% if homeurl%}/{{ homeurl }}{% endif %}/Account/Login/LogOff?returnUrl={{ request.raw_url_encode | escape }} title={{ snippets["links/logout"] | default:resx["Sign_Out"] | escape }}>
    {{ snippets["links/logout"] | default:resx["Sign_Out"] | escape }}
    </a>
</li>
</ul>
</li>
{% else %}
<li>
    <a href={% if homeurl%}/{{ homeurl }}{% endif %}/SignIn?returnUrl={{ request.raw_url_encode }}>
    {{ snippets["links/login"] | default:resx["Sign_In"] }}
    </a>
</li>

更新済みコード

<li>
   <a href={% if homeurl%}/{{ homeurl }}{% endif %}{{ website.sign_out_url_substitution }} title={{ snippets["links/logout"] | default:resx["Sign_Out"] | escape }}>
   {{ snippets["links/logout"] | default:resx["Sign_Out"] | escape }}
   </a>
</li>
</ul>
</li>
{% else %}
<li>
   <a href={% if homeurl%}/{{ homeurl }}{% endif %}{{ website.sign_in_url_substitution }}>
   {{ snippets["links/login"] | default:resx["Sign_In"] }}
   </a>
</li>

次のコードを検索して更新します。

既存コード

{% assign current_page = page.adx_partialurl %}
{% assign sr_page = sitemarkers[Search].url | remove: '/' %}
{% assign forum_page = sitemarkers[Forums].url | remove: '/' %}
{% if current_page == sr_page or current_page == forum_page %}
  <section class=page_section section-landing-{{ current_page }} color-inverse>
    <div class=container>
      <div class=row >
        <div class=col-md-12 text-center>
          {% if current_page == sr_page %}
            <h1 class=section-landing-heading>{% editable snippets 'Search/Title' default: resx["Discover_Contoso"] %}</h1>
            {% include 'Search' %}
          {% endif %}
        </div>
      </div>
    </div>
  </section>
{% endif %}

更新済みコード

{% substitution %}
  {% assign current_page = page.id %}
  {% assign sr_page = sitemarkers[Search].id %}
  {% assign forum_page = sitemarkers[Forums].id %}
  {% if current_page == sr_page or current_page == forum_page %}
    {% assign section_class = section-landing-search %}
    {% if current_page == forum_page %}
      {% assign section_class = section-landing-forums %}
    {% endif %}
   <section class=page_section section-landing-{{ current_page }} {{ section_class | h }} color-inverse>
      <div class=container>
        <div class=row >
          <div class=col-md-12 text-center>
            {% if current_page == sr_page %}
              <h1 class=section-landing-heading>{% editable snippets 'Search/Title' default: resx["Discover_Contoso"] %}</h1>
              {% include 'Search' %}
            {% endif %}
          </div>
        </div>
      </div>
    </section>
  {% endif %}
{% endsubstitution %}

Web テンプレートを保存します。

手順 2: フッター Web テンプレートの更新

ポータル管理アプリを開きます。
ポータル > Web テンプレートの順に移動します。
フッター Web テンプレートを開きます。

ソースフィールドで、次のコードを検索して更新します。

既存コード

<section id=gethelp class=page_section section-diagonal-right color-inverse {% if page %}{% unless page.parent %}home-section{% endunless %}{% endif %} hidden-print>

更新済みコード

<section id=gethelp class=page_section section-diagonal-right color-inverse {% substitution %}{% if page %}{% unless page.parent %}home-section{% endunless %}{% endif %}{% endsubstitution %} hidden-print>

Web テンプレートを保存します。

手順 3: 言語ドロップダウン Web テンプレートの更新

ポータル管理アプリを開きます。
ポータル > Web テンプレートの順に移動します。
言語ドロップダウン Web テンプレートを開きます。
ソース フィールドで、次のコードを見つけて、language オブジェクトは url の代わりに url.substitution 属性を使用します:
```
<a href=/{{ language.url_substitution }} title={{ language.name }} data-code={{ language.code }}>{{ language.name }}</a>
```
Web テンプレートを保存します。

手順 4: サイト設定の作成

次のサイト設定を作成します。

件名	値
Header/OutputCache/Enabled	正
Footer/OutputCache/Enabled	正

注意

ドキュメントの言語設定についてお聞かせください。簡単な調査を行います。 (この調査は英語です)

この調査には約 7 分かかります。個人データは収集されません (プライバシーステートメント)。

ポータルでヘッダーおよびフッターの出力キャッシュを有効にします

既存のユーザーに対するヘッダーおよびフッターの出力キャッシュを有効にします

フィードバック

その他のリソース