Bolt.diy 一键部署,“一句话”实现全栈开发

通过 Bolt.diy 实现从创意到部署的极速开发

Bolt.diy 是 Bolt.new 的一个开源版本,它提供了更高的灵活性和可定制性,通过自然语言交互简化开发流程,并提供全栈开发支持,同时允许用户二次开发,让零基础开发者也能在浏览器中实现从创意构想到云端部署的完整链路。

本方案将基于函数计算 FC 搭建,集成了阿里云百炼模型服务,旨在实现 Bolt.diy 的快速云端部署。

基于函数计算一键部署 Bolt.diy,无需复杂配置,用对话开启你的第一个项目, 两步完成部署任务,即可获得 300 社区积分

立即体验: developer.aliyun.com/topic/tech-...

方案优势

  • 多模型灵活适配

支持多种大语言模型(如 OpenAI、DeepSeek、Gemini、Hugging Face 等),用户可根据场景需求为不同任务指定特定模型,提升任务匹配度。

  • 可扩展性与高度定制化

采用模块化架构,支持自定义 Docker 服务和集成第三方工具,提供了高度的灵活性。支持通过插件扩展,甚至集成本地私有模型(如自训练的 LLM)。

  • 全栈开发全流程覆盖

通过自然语言交互生成前后端代码(如 React 前端、Node.js 服务端),支持实时调试、版本管理和一键部署。内置可视化工具管理 SQL/NoSQL 数据库,支持自动生成数据模型和 API 接口。

  • 智能化辅助工具

AI 实时分析代码错误并生成修复建议,减少手动调试时间。同时,提供代码结构图谱和依赖关系可视化,帮助快速理解复杂项目。

架构与部署

方案架构

Bolt.diy 是 Bolt.new 的一个开源版本,它提供了更高的灵活性和可定制性,通过自然语言交互简化开发流程,并提供全栈开发支持,同时允许用户二次开发。

本方案旨在介绍如何将 Bolt.diy 部署到云上,通过函数计算 FunctionAI 开发平台构建 Web 服务,通过其提供的函数计算资源,结合百炼的模型服务能力,采用 deepseek-v3 实现代码生成。借助 FunctionAI,用户可以快速便捷地部署开源项目,而无需担心底层资源管理和运维问题,从而专注于应用的创新和开发。同时 FunctionAI 提供了免运维的高效开发环境,具备弹性伸缩和高可用性,并采用按量付费模式,有效降低资源闲置成本。

null

本方案的技术架构包括以下云服务:

1 个函数计算 FunctionAI 开发平台项目:全托管的 Serverless 计算服务,用于部署应用。

百炼模型服务:调用 API 使用文本模型进行代码生成。

部署应用

  1. 请点击前往部署【1】打开我们提供的函数计算 FunctionAI 开发平台项目模板,参数选择默认配置,然后单击部署项目,最后在弹出面板中单击确认部署,部署预计等待 1 分钟。

说明

首次使用函数计算 FunctionAI 开发平台会自动跳转到访问控制快速授权页面,滚动到浏览器底部单击确认授权,等待授权结束后单击返回控制台。

  1. 部署完成后,类似下图所示。
null

方案验证

访问示例应用

  1. 应用部署完成之后按照下图找到访问地址。
null
  1. 点击访问地址,在浏览器中,会自动跳转为 HTTPS 链接地址。提示安全证书警告或错误,可以选择点击高级选项,然后点击继续前往以访问该网站。

说明

Bolt.diy 底层依赖 WebAssembly,其中用到了 SharedArrayBuffer。为了满足跨源隔离的要求并确保安全地使用如 SharedArrayBuffer 这样的功能,Bolt.diy 需要保证其所有资源均通过 HTTPS 协议提供。

null
  1. 进入示例应用。
null

说明

首次进入应用 3 秒后将自动刷新页面加载默认配置。

获取并配置百炼 API-KEY

  1. 获取百炼 API-KEY。

a. 登录阿里云百炼大模型服务平台【2】。

b. 单击顶部应用,在左侧导航栏单击 API-Key。

c. 选择全部 API-KEY 或我的 API-KEY,然后创建或查看 API-KEY。

说明

仅主账号拥有查看全部 API-KEY 的权限。主账号可以获取所有子账号的 API-KEY,子账号仅能获取自己的 API-KEY。

请不要将 API-KEY 以任何方式公开,避免因未经授权的使用造成安全风险或资金损失。

d. 单击操作列中的复制按钮,复制 API KEY。

  1. 配置百炼 API-KEY。

a. 按照下图所示,单击编辑按钮。

null

b. 输入百炼 API-KEY ,然后点击对号,保存配置。

null

c. 配置完成如下图所示。

null

使用提示词进行创作

  1. 按照下图所示单击提示词进行创作。
null

说明

本方案推荐使用 deepseek-v3 模型进行代码生成,如果需要尝试其它模型可以下拉更改模型。

  1. 工作区域说明,如下图所示。
null
  1. 代码自动生成中如下图所示。
null
  1. 如果出现下图所示,说明代码生成结束。
null
  1. 预览网页(相同提示词在 AI 生成过程中存在一定的差异)
null

说明

  1. 如果出现下图错误提示,不能自动预览可以尝试执行命令 npm install 安装依赖,然后执行命令 npm run dev 运行项目。
null
  1. 如果出现 Terminal Error 错误可以单击 Ask Bolt,让 AI 自动处理问题。
null
  1. 如果出现如下图所示,请在右侧命令行,执行命令 Ctrl+C 结束进程,然后执行 npm run dev 命令。
null
  1. 如果在预览界面中出现错误,可以复制错误信息发送给模型进行修复。
null

下载代码

  1. 如果 AI 编写的代码已符合需求,在 Terminal 中输入 npm run build 并敲击回车执行。
null
  1. 待命令执行完成后,左侧的 Files 中会新增一个名为 dist 的文件夹。之后点击上方的 Download Code 下载代码压缩文件。
null

说明

当前测试域名由 Serverless Devs 社区所提供,仅供学习和测试使用,不可用于任何生产使用,域名有效期为 1 天,如果需要用于生产环境建议配置自定义域名,详细配置方式请参考:配置自定义域名【3】。

变更模型提供方(可选)

  1. 按照下图所示,下拉更改模型提供方。
null
  1. 按照下图所示,单击 Get API Key,前往模型提供方官网获取 API Key。
null

查看部署详情,请移步官网:www.aliyun.com/solution/te...

【1】函数计算 FunctionAI 开发平台

cap.console.aliyun.com/create-proj...

【2】阿里云百炼大模型服务平台

bailian.console.aliyun.com/

【3】配置自定义域名

help.aliyun.com/zh/function...

点击此处,立即体验

相关推荐
孔令飞5 分钟前
使用 Go 与 Redis Streams 构建可靠的事件驱动系统
redis·ai·云原生·golang·kubernetes
阿里云云原生2 小时前
理工科 MCP Server 神器,补足人工智能幻觉短板
云原生
阿里云云原生2 小时前
MCP Server 实践之旅第 1 站:MCP 协议解析与云上适配
云原生
云攀登者-望正茂5 小时前
Golang 遇见 Kubernetes:云原生开发的完美结合
云原生·golang·kubernetes
lee_yanyi5 小时前
《一键式江湖:Docker Compose中间件部署108式》开篇:告别“配置地狱”,从此笑傲云原生武林!》
docker·云原生·中间件
weisian1516 小时前
云原生--核心组件-容器篇-1-Docker和云原生关系(Docker是云原生的基石)
docker·云原生·容器
DavidSoCool9 小时前
k8s生成StarRocks集群模版
云原生·容器·kubernetes
庸子12 小时前
当JIT遇见K8s
云原生·容器·kubernetes