从零到全球部署:用边缘函数 + MCP Server 1分钟上线一个游戏

简介: ESA MCP Server 「 1分钟 」上线一个游戏。

toutu.png

ESA + MCP,轻松搭建游戏。


你还记得

当年风靡全球的数字益智小游戏《 2048 》吗?

玩家只需要通过不断的移动及合并相同数字

完成最终合成 2048 这个数字即代表通关

它的玩法看似简单却极具挑战性

一经推出就迅速走红

成为 2014 年最受欢迎的手机游戏之一


...


由于

《 2048 》这款游戏当时是开源的

许多开发者基于《2048》开发衍生出了众多版本

有不同主题的,不同风格的,甚至更大规模的

这些开发及部署需要花费几小时~几个月不等


...


现如今

通过使用 ESA MCP Server

只需要1分钟

就可以0代码让这款游戏网页部署遍布全球


...


话不多说

先来看一下 ESA MCP Server部署的效果

image.png

1句话让 ESA MCP Server 部署《2048》


p954672.png

游戏体验页面截图

(用键盘↑←↓→操作)






操作对比

传统模式 」VS「 ESA MCP Server 模式 」








从游戏的设计开发阶段进行对比,两者在技术实现层面呈现出诸多差异:


在传统模式下,想要从0开始创建一个《2048》小游戏,存在一定的技术门槛较高的时间成本,通常需要耗费很多时间进行前期准备。首先,在设计开发阶段开发者需要具备代码开发能力并且花费数小时或数天时间完成游戏代码的编码。与此同时,还需要考虑如何将自己的代码在公网跑起来?如果是通过公有云的方式部署,那么开发者可能还需要学会使用 ECS 、域名管理等云产品或服务。完成以上这些基础环境搭建和产品服务的配置通常需要数小时。


相较之下,ESA MCP Server 模式极大的简化了游戏的设计开发流程,降低了技术准入门槛。开发者无需进行复杂的云服务配置,从头到尾仅需两个步骤


第一步,完成环境系统授权准备。

第二步,向AI系统 Cline 提出明确的游戏开发需求。如:帮我写个《2048》小游戏并部署在阿里云 ESA 的 routine 上,并展示 ER 默认提供的访问地址url


整个设计开发流程可以在秒级完成,显著的提高了开发效率


从游戏的部署推广阶段进行对比,ESA MCP Server 模式更是一站式解决各种可能面临的挑战:


  • 高并发访问需求:游戏的突然爆火,用户量短期内呈爆发式增长,网站访问量的突增
  • 跨地域网络延迟:游戏面向全球用户,各区域用户访问该中心化部署应用的延迟,影响用户体验
  • 恶意入侵与安全威胁:游戏成为网络攻击目标,应对黑客攻击时面临服务可用性的问题以及相应可能产生的高额云服务费用


在传统模式下,解决上述问题需要投入大量的人力和精力形成一个更复杂的方案。然而,ESA MCP Server 模式依托于 ESA 产品先进的技术架构在上述开发阶段就已经直接解决了这些问题,包括较高的开发成本、网站性能问题、网站安全问题等。


架构关系.png

AI系统、MCP、ESA之间的架构关系







如何使用

ESA MCP Server 1分钟 」部署小游戏







ESA MCP Server 基础介绍



ESA MCP Server 是一个开源的 Model Context Protocol (MCP) 服务实现用于实现 AI 模型与边缘安全加速(ESA)服务之间的通信。该服务充当桥梁,允许模型通过标准化协议调用ESA接口功能。


目前 ESA MCP Server 已经完成同ESA边缘计算、站点管理等功能的对接。借助 ESA MCP Server ,您可以让AI智能体把人类语言描述的需求或业务场景快速转化为代码,并将代码通过边缘函数秒级完成全球ESA节点的部署,生产提效的同时降低研发运维成本


ESA MCP Server 环境搭建



进入到 ESA 控制台 ,开通边缘函数。


2.png


登录自己的阿里云账号,在 Accesskey 页面中申请阿里云的 AK、SK,该 AK/SK 将用于 MCP Server 在调用阿里云 OpenAPI 时的鉴权


3.png


进入百炼控制台申请 API-KEY ,该 API-KEY 将用于后续在 Cline 中调用百炼大模型时的鉴权。


4.png


VSCode 中安装Cline插件,并按下图所示配置 API Provider为Alibaba Qwen , Qwen API Key 则填入我们在上一步申请的 API-KEY 。


5.png


在Cline的配置文件 cline_mcp_settings.json 中配置如下代码ESA_ACCESS_KEY_IDESA_ACCESS_KEY_SECRET 分别填入我们在第一步中生成的 AK 和 SK 。配置成功后我们可以看到在 installed 菜单中有 esa-mcp-server ,此时表示环境搭建完成。


{
  "mcpServers": {
    "esa-mcp-server": {
      "command": "npx",
      "args": ["-y", "mcp-server-esa"],
      "env": {
        "ESA_ACCESS_KEY_ID": "your AK",
        "ESA_ACCESS_KEY_SECRET": "your SK"
      }
    }
  }
}

6.png

8.png



ESA MCP Server 网站部署



一切准备就绪,这时我们向Cline提出我们的需求:帮我写个《2048》小游戏并部署在阿里云 ESA 的 routine 上,并展示 ER 默认提供的访问地址url。可以看到大模型会根据我们的需求,调用 ESA Mcp Server 提供的各种 tools ,这些 tools 的调用将完成函数创建、代码提交、全球部署等操作,并最终返回一个可以通过公网访问的 URL 地址。


7.png


完成《2048》小游戏的生成了部署后,便可以直接使用 ESA 提供的域名对游戏页面进行访问,从向 AI 提出需求到实现网页的公网访问,整个流程可以在秒级完成。








相关概念

什么是 MCP & 边缘函数 ER ?









 什么是 MCP ?


10.png


MCP 是一种开放协议,它标准化了应用程序如何向 LLMs 提供上下文。将 MCP 想象成 AI 应用的 USB-C 端口。就像 USB-C 提供了一种标准化的方式将您的设备连接到各种外围设备和配件一样,MCP 提供了一种标准化的方式将 AI 模型连接到不同的数据源和工具目前有3种类型的MCP:


  • STDIO
  • SSE
  • Streamable HTTP


目前本文中使用的方式为 STDIO ,在用户本地部署 Server 。后续会推出SSE 和 Streamable HTTP 的 remote Mcp Server


 

什么是边缘函数 ER ?


11.png


边缘函数( EdgeRoutine ,简称 ER )是阿里云 ESA 产品(阿里云 CDN 升级版)提供的 Serverless 服务,它允许开发者编写 JavaScript 代码并秒级在阿里云全球边缘节点上部署和执行,支持 ES6语法,兼容 Nodejs 、Deno生态。将您的应用部署在 ESA 边缘函数,用户的请求可以直接在离用户最近的 ESA 边缘节点上得到响应处理,相比于您将程序部署到其他中心式服务端,部署在边缘函数可以显著减少延迟、提高响应速度,并实现更低时延的体验


  • 全球部署,就近调度,超低延迟:边缘函数与常见的函数计算、弹性计算等云计算服务不同的是,您无需再局限地将函数部署在指定的单个地域(Region)上。边缘函数运行在遍布全球的边缘节点上,客户端的请求将被自动调度至距离最近的边缘节点上,触发边缘函数的代码执行,对请求进行处理并返回结果给客户端。边缘函数可以显著降低客户端请求的响应时间,让您获得低延迟的计算体验。
  • 自动扩容,按量付费:阿里云在全球拥有超过3200+个边缘节点,巨大的边缘节点网络天然具备弹性扩容的特点。当一个区域的客户端请求数量突增,这些请求将被由近及远地调度至有充足计算资源的边缘节点处理,扩容和调度自动化完成。边缘函数按函数的调用次数按量计费,没有请求调用时不会产生费用。
  • Serverless模式,简单易用:使用边缘函数时,您也无需关心底层服务器的 CPU 、内存、网络、操作系统等基础设施,您可以专注业务代码的开发,只需将代码通过控制台或 OpenAPI 上传即可完成应用部署。 Serverless 的开发模式可以有效地降低您的开发运维成本。
相关文章
|
3月前
|
供应链 安全 网络协议
|
4月前
|
数据采集 边缘计算 缓存
|
6天前
|
关系型数据库 分布式数据库 数据库
PolarDB Supabase最佳实践-Web应用
PolarDB Supabase 是基于 PolarDB PostgreSQL 版的全托管服务,集成 Realtime 实时数据库、RESTful API、身份认证、文件存储等功能,提供高性能、灵活扩展的后端解决方案。用户可快速构建 Web 应用、SaaS 平台及 AI 集成应用,简化运维操作,提升开发效率。
|
XML 前端开发 Java
SpringBoot整合Flowable【08】- 前后端如何交互
本文详细介绍了如何通过 Flowable 的 BpmnModel API 以编程方式动态构建 BPMN 流程模型,而无需依赖 XML 文件。文章从实际业务场景出发,探讨了前端传递参数实现流程创建的可行性,并通过代码示例展示了整个实现过程。 主要内容包括:定义流程实体与节点结构、创建控制器处理请求、服务层实现流程模型转换及部署、递归构建任务节点和子节点、创建任务监听器和表单属性等关键方法。最后通过 curl 命令测试接口,验证流程部署成功。 虽然此方法灵活强大,但复杂流程的构建需编写大量代码。建议封装常用元素(如开始/结束事件、网关等),提升开发效率和代码可维护性。
94 0
|
1月前
|
边缘计算 弹性计算 API
|
1月前
|
存储 人工智能 前端开发
🔓AI赋能开源:如何借助MCP快速解锁开源项目并提交你的首个PR
本篇文章介绍了如何利用AI工具降低开源项目贡献门槛,加速从项目理解到代码提交的过程。通过GitDiagram工具,可将GitHub仓库转化为交互式架构图,清晰展示项目结构,如Dify项目的部署、前端、核心服务及外部集成等层次。接着,借助GitMCP工具,将项目转化为AI助手的知识库,实现精准代码导航与开发辅助。例如,在Cursor中配置MCP服务后,AI能快速定位文件并分析接口结构,大幅提升开发效率。尽管MCP存在token消耗等问题,但其生态发展已展现出AI在实际开发中的巨大潜力。
57 5
|
4月前
|
存储 Android开发 索引
鸿蒙特效教程10-卡片展开/收起效果
本教程将详细讲解如何在HarmonyOS中实现卡片的展开/收起效果,通过这个实例,你将掌握ArkUI中状态管理和动画实现的核心技巧。
124 6
鸿蒙特效教程10-卡片展开/收起效果