利用ESA的函數和Pages和ESA MCP Server,結合大模型與AI編程工具,通過簡單配置,用1句話1分鐘即可實現2048遊戲的全球網頁部署。
方案優勢

方案概覽
實現快速建立並部署2048小遊戲,只需以下幾步:
開通ESA函數和Pages服務:基於ESA函數和Pages的全球部署、超低延遲、自動擴容、Serverless等特性,為遊戲提供運行環境。
配置AI編程工具Cline:通過Cline在IDE與大模型之間建立高效串連,只需一句話指令,即可實現代碼的智能產生、快速調試,並調用ESA MCP Server將代碼部署至ESA邊緣節點。
配置ESA MCP Server: MCP(Model Context Protocol)是一種標準化協議,旨在為大模型與外部系統之間建立雙向通訊機制。藉助 MCP,大模型可以擷取當前上下文資訊(如使用者身份、裝置狀態等),並調用平台介面執行遠程操作(如讀寫資料、控制裝置等),從而更準確地響應使用者的指令和需求。
ESA MCP Server 是 ESA 提供的一個標準化、開放的介面服務,支援與大模型的整合。開發人員可通過大模型驅動的方式,藉助ESA MCP Server觸發函數和Pages的建立、更新與發布等操作,實現智能化的邊緣計算任務管理。
產生並部署遊戲代碼:完成以上幾個步驟之後,就可以通過一句話讓大模型自動產生代碼,並且通過ESA MCP Server在邊緣節點上進行全球部署。
開通ESA函數和Pages服務
初次開通預設為免費模式,支援按需切換為隨用隨付模式。更多資訊請參見計費說明。
開啟ESA控制台,進入函數和Pages頁面。
新使用者點擊頁面的立即開通按鈕,根據指引完成開通。
配置AI編程工具Cline
申請API Key
此處申請的API Key將用於Cline調用百鍊大模型時的鑒權。您可以優先使用百鍊的新人免費額度,免費額度使用完之後會按照大模型產品計費規則進行收費。
前往我的API-KEY頁面,單擊建立我的API-KEY。
在已建立的API Key操作列,單擊查看,擷取API KEY。

在VS Code中安裝並配置Cline
在VS Code的Extensions中,搜尋Cline,並根據指引完成安裝。

開啟Cline的設定頁,配置大模型的API資訊。以下四項為必填項,其餘保持預設。
API Provider:
Alibaba QwenAlibaba API Line:
International APIQwen API Key:上個步驟申請的API Key
Model:推薦使用
qwen-max-latest

配置ESA MCP Server
申請RAM賬戶的AK、SK
此處申請的AK、SK將用於ESA MCP Server調用ESA函數和Pages的鑒權。
進入RAM 存取控制工作台,建立一個新的RAM使用者。
使用者建立成功之後,請及時儲存AccessKey ID和AccessKey Secret。頁面關閉後無法再次擷取。

為RAM賬戶配置許可權
根據RAM 使用者僅授予必要的最小化許可權原則,此處只給該帳號授予ESA的操作許可權。
找到上一步建立的使用者,點擊添加許可權。

在許可權管理頁簽,點擊新增授權。
在新增授權的權限原則模組選擇
AliyunESAFullAccess,然後點擊確認新增授權。
在Cline中配置ESA MCP Server
如下圖所示,開啟Cline的
cline_mcp_settings.json檔案。
將下邊的配置代碼複製到
cline_mcp_settings.json設定檔中。並使用上一步申請的AccessKey ID和AccessKey Secret分別替換ALIBABA_CLOUD_ACCESS_KEY_ID和ALIBABA_CLOUD_ACCESS_KEY_SECRET的值。隨後使用快速鍵Ctrl + S(Windows/Linux)或command + S(Mac)儲存配置。{ "mcpServers": { "esa-mcp-server": { "command": "npx", "args": ["-y", "mcp-server-esa"], "env": { "ALIBABA_CLOUD_ACCESS_KEY_ID": "your AK", "ALIBABA_CLOUD_ACCESS_KEY_SECRET": "your SK" } } } }
儲存後等待3-5秒的時間,Cline中
MCP Server的Installed列表中會出現esa-mcp-server服務,並且顯示綠色已啟用狀態(下圖所示),表示ESA MCP Server配置成功。
產生並部署遊戲代碼
一切準備就緒,這時我們向Cline提出我們的需求:
幫我寫個2048小遊戲並部署在阿里雲ESA的routine上,並展示ER預設提供的訪問地址url。可以看到大模型會根據我們的需求,調用ESA MCP Server提供的各種tools,這些tools的調用將完成函數建立、代碼提交、全球部署等操作,並最終返回一個可以通過公網訪問的URL地址。


完成《2048》小遊戲的產生了部署後,便可以直接使用ESA提供的網域名稱對遊戲頁面進行訪問,從向AI提出需求到實現網頁的公網訪問,整個流程可以在分鐘級完成。

