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

ソリューション概要
2048 ゲームを迅速に作成してデプロイするには、次の手順に従います:
ESA Functions and Pages サービスの有効化:このサービスは、グローバルデプロイメント、超低遅延、自動スケーリング、サーバーレスといった ESA Functions and Pages の特徴に基づいたゲーム用の実行環境を提供します。
AI プログラミングツール Cline の設定:Cline は、IDE と LLM の間に効率的な接続を確立します。単一のプロンプトを使用してコードを生成・デバッグし、ESA MCP Server を呼び出して ESA のエッジノード (POP) にコードをデプロイできます。
ESA MCP Server の設定: モデルコンテキストプロトコル (MCP) は、LLM と外部システム間の双方向通信を確立する標準化されたプロトコルです。MCP を使用することで、LLM はユーザー ID やデバイスステータスなどの現在のコンテキスト情報を取得し、プラットフォーム API を呼び出して、データの読み取り、書き込み、デバイスの制御などのリモート操作を実行できます。これにより、LLM はユーザーのコマンドに対してより正確に応答できます。
ESA MCP Server は、ESA が提供する標準化されたオープン API サービスであり、LLM との統合をサポートしています。開発者は LLM を使用して、ESA MCP Server を介して Functions and Pages でのアプリケーションの作成、更新、公開などの操作をトリガーできます。これにより、エッジコンピューティングタスクのインテリジェントな管理が可能になります。
ゲームコードの生成とデプロイ:上記の手順を完了すると、単一のプロンプトを使用して LLM にコードを自動生成させることができます。その後、ESA MCP Server を使用して、コードをグローバルに POP へデプロイできます。
ESA Functions and Pages の有効化
初めてサービスを有効にすると、デフォルトで無料モードになります。必要に応じて従量課金モードに切り替えることができます。詳細については、「課金情報」をご参照ください。
ESA コンソールを開き、Functions and Pages ページに移動します。
新規ユーザーの場合は、ページ上の [今すぐ有効にする] をクリックし、画面の指示に従って有効化を完了します。
Cline AI プログラミングツールの設定
API キーのリクエスト
ここで申請する API キーは、Cline が Model Studio の大規模言語モデル (LLM) を呼び出す際の認証に使用されます。まず、Model Studio が提供する新規ユーザー向けの無料トライアルを利用できます。無料トライアルを使い切った後は、大規模言語モデルプロダクトの課金ルールに従って課金されます。
[マイ API-KEY] ページに移動し、[マイ API KEY の作成] をクリックします。
作成した API キーの [操作] 列で、[表示] をクリックして API KEY を取得します。

VS Code での Cline のインストールと設定
VS Code の [拡張機能] ビューで Cline を検索し、指示に従ってインストールを完了します。

Cline の設定ページを開き、LLM の API 情報を設定します。以下の4つの項目は必須です。その他の設定はデフォルト値のままでかまいません。
API プロバイダー:
Alibaba QwenAlibaba API ライン:
International APIQwen API キー: 前のステップで取得した API キー。
モデル:
qwen-max-latestの使用を推奨します。

ESA MCP Server の設定
RAM アカウントの AccessKey ペアのリクエスト
ここで申請する AK と SK は、ESA MCP Server が ESA Functions 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": "ご利用の AccessKey ID", "ALIBABA_CLOUD_ACCESS_KEY_SECRET": "ご利用の AccessKey Secret" } } } }
ファイルを保存した後、3〜5秒待ちます。
esa-mcp-serverサービスが Cline のMCP Serverの下のInstalledリストに表示され、次の図に示すように緑色の有効ステータスで表示されます。これは、ESA MCP Server が正常に設定されたことを示します。
ゲームコードの生成とデプロイ
設定が完了したら、Cline にリクエストを送信します:
2048 ゲームを作成し、Alibaba Cloud ESA の routine にデプロイして、ER がデフォルトで提供するアクセス URL を表示してください。大規模言語モデル (LLM) は、要件に基づいて ESA MCP Server が提供するさまざまなツールを呼び出し、関数の作成、コードの送信、グローバルデプロイメントを実行し、最終的にパブリックにアクセス可能な URL を返します。
2048 ゲームが生成・デプロイされた後、ESA が提供するドメイン名を使用してゲームページにアクセスできます。AI へのリクエスト送信からウェブページへのアクセスまでの全プロセスは、数分で完了します。

