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

ソリューション概要
いくつかのステップで 2048 ゲームを作成し、デプロイします:
ESA Functions and Pages サービスの有効化:ESA Functions and Pages のグローバルデプロイメント、超低遅延、自動スケーリング、サーバーレスアーキテクチャなどの機能を利用して、ゲームのランタイム環境を提供します。
AI プログラミングツール Cline の設定:Cline は、ご利用の IDE と LLM を効率的に接続します。単一文のコマンドで、コードをインテリジェントに生成し、迅速にデバッグできます。また、ESA MCP Server を呼び出して、コードを ESA の POP (Points of Presence) にデプロイすることもできます。
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 の作成、更新、公開などの操作をトリガーできます。これにより、エッジコンピューティングタスクのインテリジェントな管理が可能になります。
コードの生成とデプロイ:上記の手順を完了すると、単一文で LLM にコードを自動生成させることができます。その後、ESA MCP Server を介してコードをグローバルに POP へデプロイできます。
ESA Functions and Pages の有効化
初めてサービスを有効化する場合、デフォルトで無料トライアルが適用されます。必要に応じて、従量課金方式に切り替えることができます。詳細については、「課金の概要」をご参照ください。
ESA コンソールを開き、Functions and Pages ページに移動します。
新規ユーザーの場合は、ページ上の [今すぐ有効にする] をクリックし、指示に従います。
AI プログラミングツール Cline の設定
API キーのリクエスト
このステップでリクエストする API キーは、Cline が Alibaba Cloud Model Studio の LLM を呼び出す際の認証に使用されます。新規ユーザー向けの無料クォータをご利用いただけます。無料クォータを使い切った後は、LLM プロダクトの課金ルールに従って課金されます。
[My API-KEY] ページに移動し、[API キーの作成] をクリックします。
作成した API キーの [操作] 列で、[表示] をクリックして API キーを取得します。

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

Cline の設定ページを開き、LLM API 情報を設定します。次の 4 つのパラメーターは必須です。他のパラメーターはデフォルト値のままでかまいません。
API プロバイダー:
Alibaba QwenAlibaba API 回線:
International APIQwen API キー: 前のステップでリクエストした API キー
モデル:
qwen-max-latestを使用します

ESA MCP Server の設定
RAM アカウントの AccessKey ペアのリクエスト
このステップでリクエストする AccessKey ペアは、ESA MCP Server が ESAFunctions and Pages を呼び出す際の認証に使用されます。
RAM コンソールに移動し、新しい RAM ユーザーを作成します。
ユーザーが作成されたら、すぐに [AccessKey ID] と [AccessKey Secret] を保存してください。この情報はページを閉じると取得できなくなります。

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

[権限] タブで、[権限を付与] をクリックします。
[権限を付与] パネルの [ポリシーの選択] セクションで、
AliyunESAFullAccessを選択し、[OK] をクリックします。
Cline での ESA MCP Server の設定
次の図に示すように、Cline で
cline_mcp_settings.jsonファイルを開きます。
次の設定コードを
cline_mcp_settings.jsonファイルにコピーします。ALIBABA_CLOUD_ACCESS_KEY_IDとALIBABA_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" } } } }
ファイルを保存した後、3〜5 秒待ちます。
esa-mcp-serverサービスが Cline の[MCP Server]の[インストール済み]リストに表示され、次の図のように緑色の有効ステータスで表示されます。これは、ESA MCP Server が正常に設定されたことを示します。
ゲームコードの生成とデプロイ
すべての設定が完了したら、Cline にリクエストを送信します:
2048 ゲームを作成し、Alibaba Cloud ESA ルーチンにデプロイして、デフォルトのアクセス URL を表示してください。LLM はリクエストに応じて ESA MCP Server が提供するさまざまなツールを呼び出します。これらのツール呼び出しは、関数の作成、コードの送信、グローバルデプロイメントなどの操作を実行します。最後に、サービスはパブリックにアクセス可能な URL を返します。
2048 ゲームが生成およびデプロイされた後、ESA が提供するドメイン名を使用してゲームページにアクセスできます。ビルドとデプロイには数分しかかかりません。

