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

ソリューション概要
2048 ゲームを迅速に作成してデプロイするには、次の手順に従います:
ESA の Functions and Pages サービスの有効化: ESA の Functions and Pages は、グローバルデプロイ、超低レイテンシー、自動スケーリング機能を備えたサーバーレスエッジランタイムを提供します。
Cline の設定: Cline を介して IDE を LLM に接続し、ESA MCP Server を使用してコードを ESA のポイントオブプレゼンス (POP) にデプロイします。
ESA MCP Server の設定: Model Context Protocol (MCP) は、LLM と外部システム間の双方向通信を可能にするプロトコルで、LLM がコンテキストにアクセスし、プラットフォーム API を呼び出してリモート操作を実行できるようにします。
ESA MCP Server は LLM と統合されたオープン API サービスです。開発者は ESA MCP Server を介して Functions and Pages アプリケーションの作成、更新、公開ができます。
ゲームコードの生成とデプロイ: 単一のプロンプトを使用して LLM にゲームコードを生成させ、ESA MCP Server を介してグローバルにデプロイします。
有効化 ESA 機能とページ
サービスは無料モードで開始されます。必要に応じて従量課金に切り替えることができます。 課金情報をご参照ください。
ESA コンソールを開き、Functions and Pages ページに移動します。
新規ユーザーの場合は、[今すぐ有効化] をクリックし、画面の指示に従ってください。
Cline の設定
API キーのリクエスト
この API キーは、Cline から Model Studio の LLM への呼び出しを認証します。 Model Studio は新規ユーザー向けの無料トライアルを提供しています。トライアル終了後は、標準の大規模言語モデル製品の課金ルールが適用されます。
My API-KEY ページに移動し、[Create My API KEY] をクリックします。
作成した API キーの [操作] 列で [表示] をクリックし、[API KEY] を取得します。

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

Cline の設定ページを開き、次の必須フィールドを設定します。他の設定はデフォルト値のままにします。
API プロバイダー:
Alibaba QwenAlibaba API Line:
International APIQwen API キー: 前の手順で取得した API キー。
モデル:
qwen-max-latestを使用します (推奨)。

ESA MCP Server の設定
RAM ユーザーの AccessKey ペアの作成
AccessKey ペアは、ESA MCP Server から ESA の Functions and Pages への呼び出しを認証します。
RAM コンソール に移動し、新しい RAM ユーザーを作成します。
AccessKey ID と AccessKey Secret をすぐに保存します。このページを閉じると、これらを取得できなくなります。

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

[権限] タブで、[権限付与] をクリックします。
[権限付与] パネルの [ポリシーを選択] セクションで、
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を実際の値に置き換えてから、ファイル (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" } } } }
ファイルを保存した後、3〜5 秒待ちます。 Cline の
MCP Server配下にあるInstalledリストにesa-mcp-serverサービスが緑色のステータスで表示され、ESA MCP Server が設定されたことを確認してください。
ゲームコードの生成とデプロイ
次のプロンプトを 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 を返します。
デプロイ後、ESA から提供されたドメイン経由でゲームにアクセスできます。プロセス全体は数分で完了します。

