クイックスタート

このクイックスタートガイドで5-10分でNetFUNNEL 4 Cloudflare Agentを始めましょう。

---

前提条件

• NetFUNNELコンソールアクセス
• CloudflareアカウントとWorkersサポート
• Cloudflareに登録されたドメイン

---

ステップ1: Worker環境設定

Cloudflareの公式ドキュメントを参照してCloudflare Workerの環境を設定します。

• Worker CLIガイド

---

ステップ2: Client ID取得

1. NetFUNNELコンソールに移動
2. 右上のプロフィールアイコンをクリック
3. 統合資格情報 (Integration Credentials) メニューを選択
4. Client IDをコピー

---

ステップ3: Worker作成

1. Cloudflareコンソール → [WorkersとPages]メニューをクリック
2. Workers [作成]をクリック
3. [Hello world]をクリック
4. デプロイして追加

---

ステップ4: Workerにエージェント適用

1. 右上の[コード編集]をクリック
2. https://agent-lib.stclab.com/agents/cdn/cloudflare/netfunnel-cloudflare-agent-latest.js から netfunnel-cloudflare-agent.js ファイルをダウンロード
3. コードエディタの左タブで[Explore]をクリックしてファイル一覧を表示
4. netfunnel-cloudflare-agent.js ファイルをアップロード
5. worker.js ファイルを開き、以下のコードを記述:

import handleEvent from './netfunnel-cloudflare-agent.js'
export default {
  async fetch(request, env, ctx) {
    return await handleEvent(request, env, ctx);
  },
};

6. 右上の[デプロイ]ボタンをクリックしてWorkerをデプロイ

---

ステップ5: Worker設定

ドメインとパス設定

1. 作成したWorkerを選択
2. [設定]メニューをクリック
3. ドメインとパスで[+追加]をクリック
4. [パス]をクリック
5. [ゾーン]でドメインを選択
6. [パス]にWorkerが実行されるパスを入力 (末尾に /* を追加してサブページでもWorkerが動作するように)
7. [失敗時に開く(続行)]を選択
8. [パス追加]をクリック

環境変数設定

以下の表を参照して変数とシークレットに環境変数を追加します。

タイプ	名前	値
テキスト	CLIENT_ID	{{CLIENT_ID}}

CLIENT_IDはNetFUNNELコンソールで確認してください。

変数を追加した後、[デプロイ]をクリックします。

---

ステップ6: ドメイン設定

1. Cloudflare DNS設定に移動
2. ステップ5で設定したドメインをCNAMEとして設定
3. 必ずProxyタイプに設定する必要があります (オレンジ色のクラウドアイコン)

---

次のステップ

• インストールと初期化: 詳細な設定ガイド
• 初期化設定: 環境変数と追加機能設定