> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Cloudflare CDNでのアプリケーションファイルセルフホスティング

> デフォルトのKameleoon CDNを使用する場合と比較して、DNS遅延とSSLハンドシェイクのオーバーヘッドを削減するために、Cloudflare CDNでKameleoonアプリケーションファイルをセルフホストします。

<Info>
  `kameleoon.js`は非推奨となり、すべてのKameleoon実装スニペットで`engine.js`に置き換えられました。`kameleoon.js`は**2026年6月1日**以降サポートされなくなります。この日付以降、`kameleoon.js`を参照しているWebサイトのキャンペーンは機能しなくなります。実装スニペットを適宜更新してください。
</Info>

## Cloudflareでワーカーを設定する

Cloudflareアカウントにログインし、元のリクエストをKameleoon Web Experimentationスニペットに向けるためのワーカーを作成します。必要なCloudflareの**ルート**と**スクリプト**を構成する必要があります。

### ルート

次のパスを追加します:`*<your_website_url_here>/kameleoonjs/script.js`。

### スクリプト

`/enginejs/`ルートからのリクエストをリッスンし、そのルートをKameleoonスニペットへつながるルートに置き換えるスクリプトが必要です。

以下のスクリプトを使用できます。`YOUR_SITECODE`は、Kameleoonプロジェクト ID に置き換える必要があります(取得手順については[この記事](/user-manual/faq#how-do-i-find-my-sitecode)を参照してください)。

```js theme={null}
async function handleRequest(request { 
   const url = "https://YOUR_SITECODE.kameleoon.xx/engine.js";
   return fetch(url)
}

addEventListener('fetch', event => {
   event.respondWith(handleRequest(event.request))
})
```

<Warning>
  Kameleoonスクリプトのドメイン(https\://\[your-site-code].kameleoon.xx)はプロジェクトごとに異なる場合があります。プロジェクトは作成日に応じて、kameleoon.euまたはkameleoon.ioのいずれかでホストされる可能性があります。Kameleoonアプリのプロジェクトに表示されているドメインを使用してください。
</Warning>

## ソースコードにKameleoonスニペットを追加する

<Note>
  WebサイトにKameleoonを実装する方法を理解するには、[この記事](../implementation-and-deployment/standard-implementation)を参照してください。
</Note>

最後のステップは、インストールタグ内のデフォルトのKameleoon Application JavaScript URLをCloudflare URL(例:この**ルート**を選択した場合は`<your_website_url_here>/kameleoonjs/script.js`)に置き換えることです。たとえば、JavaScriptファイル([アンチフリッカー付き非同期ロード](../implementation-and-deployment/standard-implementation#アンチフリッカーなしの非同期タグ))の実装方法を使用している場合、Kameleoonアプリケーションファイルはデフォルトで`//SITE_CODE.kameleoon.io/engine.js`にホストされます。インストールタグ内のこのURLを自身のURLに置き換えるだけです。