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

Edge Security Acceleration:Functions and Pages と MCP を使用したアプリケーションの迅速なデプロイ

最終更新日:Dec 02, 2025

ESA の Functions and PagesMCP Server を大規模言語モデル (LLM) および AI プログラミングツールと組み合わせて使用し、アプリケーションをグローバルにデプロイします。このデモでは、簡単な設定を行うだけで、1 分で 2048 ゲームをグローバルにデプロイできます。

ソリューションの利点

image

ソリューション概要

いくつかのステップで 2048 ゲームを作成し、デプロイします:

  1. ESA Functions and Pages サービスの有効化:ESA Functions and Pages のグローバルデプロイメント、超低遅延、自動スケーリング、サーバーレスアーキテクチャなどの機能を利用して、ゲームのランタイム環境を提供します。

  2. AI プログラミングツール Cline の設定:Cline は、ご利用の IDE と LLM を効率的に接続します。単一文のコマンドで、コードをインテリジェントに生成し、迅速にデバッグできます。また、ESA MCP Server を呼び出して、コードを ESA の POP (Points of Presence) にデプロイすることもできます。

  3. ESA MCP Server の設定: MCP (Model Context Protocol) は、LLM と外部システム間の双方向通信メカニズムを確立する標準化されたプロトコルです。MCP を使用することで、LLM はユーザー ID やデバイスのステータスなどの現在のコンテキスト情報を取得できます。また、プラットフォーム API を呼び出して、データの読み書きやデバイスの制御などのリモート操作を実行することもできます。これにより、LLM はユーザーのコマンドや要件に対してより正確に応答できるようになります。

    ESA MCP Server は、LLM との統合をサポートする ESA の標準化されたオープン API サービスです。開発者は、LLM 駆動のアプローチを使用して、ESA MCP Server を介して Functions and Pages の作成、更新、公開などの操作をトリガーできます。これにより、エッジコンピューティングタスクのインテリジェントな管理が可能になります。

  4. コードの生成とデプロイ:上記の手順を完了すると、単一文で LLM にコードを自動生成させることができます。その後、ESA MCP Server を介してコードをグローバルに POP へデプロイできます。

ESA Functions and Pages の有効化

初めてサービスを有効化する場合、デフォルトで無料トライアルが適用されます。必要に応じて、従量課金方式に切り替えることができます。詳細については、「課金の概要」をご参照ください。
  1. ESA コンソールを開き、Functions and Pages ページに移動します。

  2. 新規ユーザーの場合は、ページ上の [今すぐ有効にする] をクリックし、指示に従います。

AI プログラミングツール Cline の設定

API キーのリクエスト

このステップでリクエストする API キーは、Cline が Alibaba Cloud Model Studio の LLM を呼び出す際の認証に使用されます。新規ユーザー向けの無料クォータをご利用いただけます。無料クォータを使い切った後は、LLM プロダクトの課金ルールに従って課金されます。
  1. [My API-KEY] ページに移動し、[API キーの作成] をクリックします。

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

    image

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

  1. Visual Studio Code (VS Code) の拡張機能マーケットプレイスで Cline を検索し、指示に従ってインストールします。

    image

  2. Cline の設定ページを開き、LLM API 情報を設定します。次の 4 つのパラメーターは必須です。他のパラメーターはデフォルト値のままでかまいません。

    • API プロバイダー: Alibaba Qwen

    • Alibaba API 回線: International API

    • Qwen API キー: 前のステップでリクエストした API キー

    • モデル: qwen-max-latest を使用します

    image

ESA MCP Server の設定

RAM アカウントの AccessKey ペアのリクエスト

このステップでリクエストする AccessKey ペアは、ESA MCP ServerESAFunctions and Pages を呼び出す際の認証に使用されます。
  1. RAM コンソールに移動し、新しい RAM ユーザーを作成します。

  2. ユーザーが作成されたら、すぐに [AccessKey ID][AccessKey Secret] を保存してください。この情報はページを閉じると取得できなくなります。

    image

RAM アカウントの権限設定

RAM ユーザーの最小権限の原則に従い、このアカウントには ESA の操作権限のみが付与されます。
  1. 前のステップで作成したユーザーを見つけ、[権限の追加] をクリックします。

    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_IDALIBABA_CLOUD_ACCESS_KEY_SECRET の値を、前のステップでリクエストした [AccessKey ID][AccessKey Secret] に置き換えます。次に、キーボードショートカット Ctrl+S (Windows/Linux) または Command+S (macOS) を使用して設定を保存します。

    {
      "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 秒待ちます。esa-mcp-server サービスが Cline の [MCP Server][インストール済み] リストに表示され、次の図のように緑色の有効ステータスで表示されます。これは、ESA MCP Server が正常に設定されたことを示します。

    image

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

  1. すべての設定が完了したら、Cline にリクエストを送信します:

    2048 ゲームを作成し、Alibaba Cloud ESA ルーチンにデプロイして、デフォルトのアクセス URL を表示してください。

    LLM はリクエストに応じて ESA MCP Server が提供するさまざまなツールを呼び出します。これらのツール呼び出しは、関数の作成、コードの送信、グローバルデプロイメントなどの操作を実行します。最後に、サービスはパブリックにアクセス可能な URL を返します。

  2. 2048 ゲームが生成およびデプロイされた後、ESA が提供するドメイン名を使用してゲームページにアクセスできます。ビルドとデプロイには数分しかかかりません。

    image

関連ドキュメント

MCP とは

image

MCP は、アプリケーションが LLM にコンテキストを提供する方法を標準化するオープンプロトコルです。MCP は AI アプリケーションの USB-C ポートのようなものだと考えてください。USB-C がデバイスをさまざまな周辺機器やアクセサリに接続する標準的な方法を提供するように、MCP は AI モデルをさまざまなデータソースやツールに接続する標準的な方法を提供します。現在、MCP には次の 3 種類があります:

  • STDIO

  • SSE

  • Streamable HTTP

このトピックで使用する方法は STDIO で、サーバーはユーザーのマシンにローカルでデプロイされます。SSE と Streamable HTTP を使用するリモート MCP サーバーは、将来リリースされる予定です。

ESA Functions and Pages とは

Functions and Pages は、Alibaba Cloud ESA プロダクトのサーバーレスサービスであり、Alibaba Cloud CDN のアップグレード版です。これにより、開発者は JavaScript コードを記述し、Alibaba Cloud のグローバル POP に数秒でデプロイして実行できます。ES6 構文をサポートし、Node.js および Deno エコシステムと互換性があります。アプリケーションを ESA Functions and Pages にデプロイすると、ユーザーリクエストは最寄りの POP で処理されます。他の集中型サーバーにプログラムをデプロイする場合と比較して、Functions and Pages にデプロイすると、遅延が大幅に削減され、応答時間が改善され、低遅延のエクスペリエンスが提供されます。

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

  • 自動スケーリングと従量課金:Alibaba Cloud は世界中に 3,200 を超える POP を有しています。この広大な POP ネットワークは、本質的に弾力的なスケーリングをサポートします。あるリージョンでクライアントリクエストが急増すると、これらのリクエストは、最も近いものから最も遠いものまで、十分な計算リソースを持つ POP にスケジュールされます。スケーリングとスケジューリングは自動化されています。Functions and Pages は、関数呼び出しの数に基づく従量課金方式を採用しています。リクエストがない場合、料金は発生しません。

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