全部產品
Search
文件中心

Edge Security Acceleration:從零到全球部署:用函數和Pages + MCP Server 1分鐘上線一個遊戲

更新時間:Nov 26, 2025

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

方案優勢

image

方案概覽

實現快速建立並部署2048小遊戲,只需以下幾步:

  1. 開通ESA函數和Pages服務:基於ESA函數和Pages的全球部署、超低延遲、自動擴容、Serverless等特性,為遊戲提供運行環境。

  2. 配置AI編程工具Cline:通過Cline在IDE與大模型之間建立高效串連,只需一句話指令,即可實現代碼的智能產生、快速調試,並調用ESA MCP Server將代碼部署至ESA邊緣節點。

  3. 配置ESA MCP Server: MCP(Model Context Protocol)是一種標準化協議,旨在為大模型與外部系統之間建立雙向通訊機制。藉助 MCP,大模型可以擷取當前上下文資訊(如使用者身份、裝置狀態等),並調用平台介面執行遠程操作(如讀寫資料、控制裝置等),從而更準確地響應使用者的指令和需求。

    ESA MCP Server 是 ESA 提供的一個標準化、開放的介面服務,支援與大模型的整合。開發人員可通過大模型驅動的方式,藉助ESA MCP Server觸發函數和Pages的建立、更新與發布等操作,實現智能化的邊緣計算任務管理。

  4. 產生並部署遊戲代碼:完成以上幾個步驟之後,就可以通過一句話讓大模型自動產生代碼,並且通過ESA MCP Server在邊緣節點上進行全球部署。

開通ESA函數和Pages服務

初次開通預設為免費模式,支援按需切換為隨用隨付模式。更多資訊請參見計費說明
  1. 開啟ESA控制台,進入函數和Pages頁面。

  2. 新使用者點擊頁面的立即開通按鈕,根據指引完成開通。

配置AI編程工具Cline

申請API Key

此處申請的API Key將用於Cline調用百鍊大模型時的鑒權。您可以優先使用百鍊的新人免費額度,免費額度使用完之後會按照大模型產品計費規則進行收費
  1. 前往我的API-KEY頁面,單擊建立我的API-KEY

  2. 在已建立的API Key操作列,單擊查看,擷取API KEY

    image

在VS Code中安裝並配置Cline

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

    image

  2. 開啟Cline的設定頁,配置大模型的API資訊。以下四項為必填項,其餘保持預設。

    • API Provider:Alibaba Qwen

    • Alibaba API Line:International API

    • Qwen API Key:上個步驟申請的API Key

    • Model:推薦使用qwen-max-latest

    image

配置ESA MCP Server

申請RAM賬戶的AK、SK

此處申請的AK、SK將用於ESA MCP Server調用ESA函數和Pages的鑒權。
  1. 進入RAM 存取控制工作台,建立一個新的RAM使用者。

  2. 使用者建立成功之後,請及時儲存AccessKey IDAccessKey Secret。頁面關閉後無法再次擷取。

    image

為RAM賬戶配置許可權

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

    image

  2. 許可權管理頁簽,點擊新增授權

  3. 在新增授權的權限原則模組選擇AliyunESAFullAccess,然後點擊確認新增授權

    image

在Cline中配置ESA MCP Server

  1. 如下圖所示,開啟Cline的cline_mcp_settings.json檔案。

    image

  2. 將下邊的配置代碼複製到cline_mcp_settings.json設定檔中。並使用上一步申請的AccessKey IDAccessKey Secret分別替換ALIBABA_CLOUD_ACCESS_KEY_IDALIBABA_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"
          }
        }
      }
    }

    image

  3. 儲存後等待3-5秒的時間,Cline中MCP ServerInstalled列表中會出現esa-mcp-server服務,並且顯示綠色已啟用狀態(下圖所示),表示ESA MCP Server配置成功。

    image

產生並部署遊戲代碼

  1. 一切準備就緒,這時我們向Cline提出我們的需求:

    幫我寫個2048小遊戲並部署在阿里雲ESA的routine上,並展示ER預設提供的訪問地址url。

    可以看到大模型會根據我們的需求,調用ESA MCP Server提供的各種tools,這些tools的調用將完成函數建立、代碼提交、全球部署等操作,並最終返回一個可以通過公網訪問的URL地址。

    image.png

    image.png

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

    image

拓展閱讀

什麼是MCP

image

MCP是一種開放協議,它標準化了應用程式如何向LLMs提供上下文將 MCP 想象成 AI 應用的 USB-C 連接埠。就像 USB-C 提供了一種標準化的方式將您的裝置串連到各種外圍裝置和配件一樣,MCP 提供了一種標準化的方式將 AI 模型串連到不同的資料來源和工具。目前有3種類型的MCP:

  • STDIO

  • SSE

  • Streamable HTTP

目前本文中使用的方式為STDIO,在使用者本地部署Server。後續會推出SSE和Streamable HTTP的remote Mcp Server。

什麼是函數和Pages

函數和Pages阿里雲ESA產品(阿里雲CDN升級版)提供的Serverless服務,它允許開發人員編寫JavaScript代碼並秒級在阿里雲全球邊緣節點上部署和執行,支援ES6文法,相容Nodejs、Deno生態。將您的應用部署在ESA函數和Pages,使用者的請求可以直接在離使用者最近的ESA邊緣節點上得到響應處理,相比於您將程式部署到其他中心式服務端,部署在函數和Pages可以顯著減少延遲、提高響應速度,並實現更低時延的體驗。

  • 全球部署,就近調度,超低延遲函數和Pages與常見的Function Compute、彈性計算等雲端運算服務不同的是,您無需再局限地將函數部署在指定的單個地區(Region)上。函數和Pages運行在遍布全球的邊緣節點上,用戶端的請求將被自動調度至距離最近的邊緣節點上,觸發函數和Pages的代碼執行,對請求進行處理並返回結果給用戶端。函數和Pages可以顯著降低用戶端請求的回應時間,讓您獲得低延遲的計算體驗。

  • 自動擴容,隨用隨付:阿里雲在全球擁有超過3200+個邊緣節點,巨大的邊緣節點網路天然具備彈性擴容的特點。當一個地區的用戶端請求數量突增,這些請求將被由近及遠地調度至有充足計算資源的邊緣節點處理,擴容和調度自動化完成。函數和Pages按函數的調用次數隨用隨付,沒有請求調用時不會產生費用。

  • Serverless模式,簡單易用:使用函數和Pages時,您也無需關心底層伺服器的CPU、記憶體、網路、作業系統等基礎設施,您可以專註業務代碼的開發,只需將代碼通過控制台或OpenAPI上傳即可完成應用部署。Serverless的開發模式可以有效地降低您的開發營運成本。