すべてのプロダクト
Search
ドキュメントセンター

Edge Security Acceleration:ESA の Functions and Pages と MCP を使用して 1 分でゲームをグローバルにデプロイ

最終更新日:Aug 28, 2026

大規模言語モデル (LLM) を活用した AI プログラミングツールと ESA MCP Server を使用して、2048 ゲームを 1 分で ESA の Functions and Pages にグローバルデプロイします。

ソリューションの利点

image

ソリューション概要

2048 ゲームを迅速に作成してデプロイするには、次の手順に従います:

  1. ESA の Functions and Pages サービスの有効化: ESA の Functions and Pages は、グローバルデプロイ、超低レイテンシー、自動スケーリング機能を備えたサーバーレスエッジランタイムを提供します。

  2. Cline の設定: Cline を介して IDE を LLM に接続し、ESA MCP Server を使用してコードを ESA のポイントオブプレゼンス (POP) にデプロイします。

  3. ESA MCP Server の設定:  Model Context Protocol (MCP) は、LLM と外部システム間の双方向通信を可能にするプロトコルで、LLM がコンテキストにアクセスし、プラットフォーム API を呼び出してリモート操作を実行できるようにします。

    ESA MCP Server は LLM と統合されたオープン API サービスです。開発者は ESA MCP Server を介して Functions and Pages アプリケーションの作成、更新、公開ができます。

  4. ゲームコードの生成とデプロイ: 単一のプロンプトを使用して LLM にゲームコードを生成させ、ESA MCP Server を介してグローバルにデプロイします。

有効化 ESA 機能とページ

サービスは無料モードで開始されます。必要に応じて従量課金に切り替えることができます。 課金情報をご参照ください。
  1. ESA コンソールを開き、Functions and Pages ページに移動します。

  2. 新規ユーザーの場合は、[今すぐ有効化] をクリックし、画面の指示に従ってください。

Cline の設定

API キーのリクエスト

この API キーは、Cline から Model Studio の LLM への呼び出しを認証します。 Model Studio は新規ユーザー向けの無料トライアルを提供しています。トライアル終了後は、標準の大規模言語モデル製品の課金ルールが適用されます。
  1. My API-KEY ページに移動し、[Create My API KEY] をクリックします。

  2. 作成した API キーの [操作] 列で [表示] をクリックし、[API KEY] を取得します。

    image

VS Code での Cline のインストールと設定

  1. VS Code で [拡張機能] を開き、Cline を検索してインストールします。

    image

  2. Cline の設定ページを開き、次の必須フィールドを設定します。他の設定はデフォルト値のままにします。

    • API プロバイダー: Alibaba Qwen

    • Alibaba API Line: International API

    • Qwen API キー: 前の手順で取得した API キー。

    • モデル: qwen-max-latest を使用します (推奨)。

    image

ESA MCP Server の設定

RAM ユーザーの AccessKey ペアの作成

AccessKey ペアは、ESA MCP Server から ESA の Functions and Pages への呼び出しを認証します。
  1. RAM コンソール に移動し、新しい RAM ユーザーを作成します。

  2. AccessKey ID と AccessKey Secret をすぐに保存します。このページを閉じると、これらを取得できなくなります。

    image

RAM アカウント権限の設定

この RAM ユーザーには、ESA の権限のみを付与します (最小権限の原則)。
  1. 作成した RAM ユーザーを見つけ、[権限追加] をクリックします。

    image

  2. [権限] タブで、[権限付与] をクリックします。

  3. [権限付与] パネルの [ポリシーを選択] セクションで、AliyunESAFullAccess を選択し、[OK] をクリックします。

    image

Cline での ESA MCP Server の設定

  1. Cline で cline_mcp_settings.json ファイルを開きます。

    image

  2. 次の設定を cline_mcp_settings.json にコピーします。 ALIBABA_CLOUD_ACCESS_KEY_ID と ALIBABA_CLOUD_ACCESS_KEY_SECRET を実際の値に置き換えてから、ファイル (Ctrl+S / Command+S) を保存します。

    {
      "mcpServers": {
        "esa-mcp-server": {
          "command": "npx",
          "args": ["-y", "mcp-server-esa"],
          "env": {
            "ALIBABA_CLOUD_ACCESS_KEY_ID": "your AccessKey ID",
            "ALIBABA_CLOUD_ACCESS_KEY_SECRET": "your AccessKey Secret"
          }
        }
      }
    }

    image

  3. ファイルを保存した後、3〜5 秒待ちます。 Cline の MCP Server 配下にある Installed リストに esa-mcp-server サービスが緑色のステータスで表示され、ESA MCP Server が設定されたことを確認してください。

    image

ゲームコードの生成とデプロイ

  1. 次のプロンプトを Cline に送信します:

    Please help me write a 2048 game and deploy it on an Alibaba Cloud ESA routine, displaying the default access URL provided by ESA.

    LLM は ESA MCP Server ツールを呼び出して、関数の作成、コードの送信、グローバルデプロイを行い、公開アクセス可能な URL を返します。

  2. デプロイ後、ESA から提供されたドメイン経由でゲームにアクセスできます。プロセス全体は数分で完了します。

    image

詳細情報

MCP 概要

image

MCP は、アプリケーションが LLM にコンテキストを提供する方法を標準化するオープンプロトコルです。 デバイスにとっての USB-C のように、MCP は AI モデルをデータソースやツールに接続するための標準的な方法を提供します。利用可能なトランスポートタイプは 3 種類あります:

  • STDIO

  • SSE

  • Streamable HTTP

このトピックでは、サーバーをローカルで実行する STDIO 方式を使用します。 SSE と Streamable HTTP を使用するリモート MCP サーバーは、将来的に利用可能になる予定です。

解説: 機能とページ

Functions and Pages は、Alibaba Cloud CDN のアップグレード版である Alibaba Cloud ESA 製品が提供するサーバーレスサービスです。 JavaScript (ES6、Node.js/Deno 互換) を記述し、数秒で Alibaba Cloud のグローバル POP にデプロイできます。 ESA の Functions and Pages は、最寄りの ESA POP でリクエストを処理します。 中央集権型のサーバーと比較して、Functions and Pages はレイテンシーを大幅に削減し、応答速度を向上させます。

  • グローバルデプロイ、近接ベースのルーティング、超低レイテンシー:Function Compute や Elastic Compute Service などの一般的なクラウドコンピューティングサービスとは異なり、Functions and Pages では、単一の特定リージョンに関数をデプロイする必要はありません。 Functions and Pages はグローバルに分散されたポイントオブプレゼンス (POP) 上で実行されます。 クライアントリクエストは自動的に最寄りの POP にルーティングされ、Functions and Pages コードの実行をトリガーしてリクエストを処理し、結果をクライアントに返します。 Functions and Pages はクライアントリクエストの応答時間を大幅に短縮し、低レイテンシーのコンピューティング体験を提供します。

  • 自動スケーリングと従量課金:Alibaba Cloud は 3,200 以上のエッジノードからなるグローバルネットワークを持っており、本来の弾力性を提供します。 あるリージョンでクライアントリクエストが急増した場合、十分なコンピューティングリソースを持つ最寄りの利用可能なエッジノードに自動的にスケジューリングされます。 このスケーリングとスケジューリングのプロセスは完全に自動化されています。 Functions and Pages は呼び出し回数に基づいて課金されます。 リクエストがない場合、料金は発生しません。

  • サーバーレスモデル:シンプルで使いやすい:Functions and Pages を使用する場合、サーバーの CPU、メモリ、ネットワーク、オペレーティングシステムなどの基盤となるインフラストラクチャを管理する必要はありません。 これにより、ビジネスコードの開発に集中できます。 コンソールまたは OpenAPI を介してコードをアップロードするだけで、アプリケーションをデプロイできます。 サーバーレス開発モデルにより、開発コストと運用保守コストを効果的に削減できます。