开通ESA函数和Pages服务
初次开通默认为免费模式,支持按需切换为按量付费模式。更多信息请参见计费说明。
打开ESA控制台,进入函数和Pages页面。
新用户点击页面的立即开通按钮,根据指引完成开通。
配置AI编程工具Cline/RooCode
--这里自行解决,可以接入第三方的任何api
在VS Code中安装并配置Cline
在VS Code的Extensions中,搜索Cline,并根据指引完成安装。

打开Cline的设置页,配置大模型的API信息。以下四项为必填项,其余保持默认。
API Provider:Alibaba Qwen
Alibaba API Line:China API
Qwen 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_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提出需求到实现网页的公网访问,整个流程可以在分钟级完成。

mcp解决加载错误
执行安装最新版mcp-server-esa
npm install -g mcp-server-esa
然后配置的mcp为:
"esa-mcp-server": {
"command": "mcp-server-esa",
"args": [],
"env": {
"ALIBABA_CLOUD_ACCESS_KEY_ID": "your AK",
"ALIBABA_CLOUD_ACCESS_KEY_SECRET": "your SK"
}
}
此时在刷新mcp就可以正常连接了
💬 评论