クラウドフレアの設定

次のスクリーンショットは、 雲フレア コンテンツを配信します。 基本設定には赤い円が付きます。

この設定は、Cloudflare ダッシュボードのみを使用して、ブラウザで完全に行うことができます。 既に Cloudflare Workers, ウラングラー & GitHub を使用し、ターミナルウィンドウにコマンドを入力するのを恐れず、手順に従う必要があります。 ここ 代わりに、

Cloudflare サイトの作成

既にクラウドフレアサイトと DNS の設定がある場合は、 プッシュ無効化の設定 」セクションに入力します。

ドメインを入力します。

プランを選択:

手術によるプッシュの無効化は、 大規模法人 プラン その他のプランでは、作成者がコンテンツの変更を公開するたびに、サイトのキャッシュ全体がパージされます。

このウォークスルーでは、 無料プラン.

プッシュ無効化の設定

プッシュの無効化は、顧客の実稼動 CDN のコンテンツを自動的に削除します ( 例: www.yourdomain.com) と呼ばれ、作成者がコンテンツの変更を公開する際に使用されます。

コンテンツは、URL およびキャッシュタグ/キーによってパージされます。

プッシュの無効化は、特定のプロパティをプロジェクトの設定(Excel ワークブック)に追加することで有効になります。 .helix/config.xlsx SharePoint またはGoogleシートの .helix/config (Google Drive 内 )。

設定プロパティ:

key
value
件のコメント
cdn.prod.host
<Production Host>
本番サイトのホスト名(例: ) www.yourdomain.com
cdn.prod.type
cloudflare
cdn.prod.plan
e.g. free

値: free, pro, business, enterprise

デフォルト: free

タグ別の削除をサポートするのはエンタープライズプランのみ

cdn.prod.zoneId
<Cloudflare Zone ID>
実稼動ゾーンの ID
cdn.prod.apiToken
<Cloudflare API Token>

API トークンを作成するには、以下を実行します。

  • に移動します。 API トークン
  • 「トークンを作成」をクリックします。
  • 下部の「カスタムトークンを作成」に移動し、「使ってみる」をクリックします。
  • トークン名 ( 例: "Production Site Purge Token"),
  • 権限: 「Zone」、「Cache Purge」、「Purge」
  • ゾーンリソース: "Include"、"Specific zone"、"&lt;your production="" zone="">"
  • 「概要に進む」をクリックします。
  • 「トークンを作成」をクリックします。
  • 生成されたトークンの値をコピーします。

エンタープライズプラン上のサイトのみが URL とキャッシュキーによって外科的に消去されることに注意してください。 A すべてパージ は、作成者がコンテンツの変更を公開するたびに、非エンタープライズサイトで代わりに実行されます。

これを使用して資格情報を検証できます ツール.

DNS 設定

新しいサイトの場合は、まずシンプルな DNS 設定から始めます。

  1. 新規作成 CNAME レコード。 ゾーンが example.com を使用して、 www.example.comの場合、名前は www
  2. example.comでトラフィックを(www なしで)提供したい場合、名前は @
  3. すべてのサブドメインでトラフィックを提供する場合は、 * 下のスクリーンショットのように
  4. ワーカーを使用してコンテンツを提供しているので、「コンテンツ」フィールドの値は重要ではありません。 最も簡単に使用できます ref--repo--owner.hlx.live ホスト名をここに入力します。 これは URL ではなくホスト名なので、先頭の https://

CNAME レコードがであることを確認します。 プロキシ:

SSL/TLS の設定

選択 SSL/TLS 左側のウィンドウから Edge 証明書 ドロップダウンリストで、以下の操作をおこないます。

右側で、下にスクロールして 常に HTTPS を使用 を有効にします。

キャッシュの設定

ページルールを作成

コピー
url
URL (必須)

ワーカーを作成

左側のウィンドウで「ワーカー」を選択し、「ワーカーを管理」をクリックします。

「サービスを作成」をクリックします。

ワーカーの名前(例:「helix-worker」)を入力し、「サービスを作成」をクリックします。

コピー
セカンダリ
サービス名

「クイック編集」をクリックします。

作業者コードを編集

  1. 正常に設定された場合 プッシュの無効化 内容をコピーする このファイルをコピーしない場合は、 このファイル.
  2. 左側のペインで、既存のコンテンツをコピーしたコンテンツで置き換えます。
  3. 「保存してデプロイ」をクリックします。

「設定」をクリックし、「変数を追加」をクリックします。


コピー
変数
変数名
value

変数を追加 ORIGIN_HOSTNAME 値を接触チャネルのホスト名 ( main--mysite--hlxsites.hlx.live):

「トリガー」をクリックし、「ルートを追加」を選択します。



ドメインルートを入力 ( 例: www.mydomain.com/*) をクリックし、ゾーンを選択して、「Add route」をクリックします。

で選択した設定に応じて、 DNS 設定を選択し、次のルートを選択します www.mydomain.com/*, mydomain.com/*または *.mydomain.com/*

すべての手順を完了したら、すべての設定が完了します。

コピー
url
ルート

Web サイト上のAEMフットプリントの拡張

Web サイトの一部のみをユーザーにルーティングして開始する場合 .live origin および特定のフォルダー ( 例: /blog/*) 後で、必要に応じてルートを追加し、必要に応じて最後の「ルートの追加」手順を繰り返すだけで、作業者の設定を変更することなく、サイトの新しいセクションを公開する準備が整ったら、ルートを追加できます。

重複するコンテンツを見る

検索エンジンでは、重複するコンテンツを探すサイトに対して罰則が課されることが多いので、他の場所で Web 上でコンテンツが使用できないようにすることが重要です。 残念ながら、Cloudflare にはデフォルト設定があり、 追加のネットワークポートでサイトを公開する. 有料の Cloudflare プランでは、次のことが可能です。 これらの追加ポートでトラフィックをブロックする. これは、実稼動サイトで推奨される設定です。

recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec