当前位置: 首页 > news >正文

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

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

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

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

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

立即体验: https://developer.aliyun.com/topic/tech-solution/fc-bolt-diy

方案优势

  • 多模型灵活适配

支持多种大语言模型(如 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 提供了免运维的高效开发环境,具备弹性伸缩和高可用性,并采用按量付费模式,有效降低资源闲置成本。

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

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

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

部署应用

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

说明

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

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

方案验证

访问示例应用

  1. 应用部署完成之后按照下图找到访问地址。

  1. 点击访问地址,在浏览器中,会自动跳转为 HTTPS 链接地址。提示安全证书警告或错误,可以选择点击高级选项,然后点击继续前往以访问该网站。

说明

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

  1. 进入示例应用。

说明

首次进入应用 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. 按照下图所示,单击编辑按钮。

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

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

使用提示词进行创作

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

说明

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

  1. 工作区域说明,如下图所示。

  1. 代码自动生成中如下图所示。

  1. 如果出现下图所示,说明代码生成结束。

  1. 预览网页(相同提示词在 AI 生成过程中存在一定的差异)

说明

  1. 如果出现下图错误提示,不能自动预览可以尝试执行命令 npm install 安装依赖,然后执行命令 npm run dev 运行项目。

  1. 如果出现 Terminal Error 错误可以单击 Ask Bolt,让 AI 自动处理问题。

  1. 如果出现如下图所示,请在右侧命令行,执行命令 Ctrl+C 结束进程,然后执行 npm run dev 命令。

  1. 如果在预览界面中出现错误,可以复制错误信息发送给模型进行修复。

下载代码

  1. 如果 AI 编写的代码已符合需求,在 Terminal 中输入 npm run build 并敲击回车执行。

  1. 待命令执行完成后,左侧的 Files 中会新增一个名为 dist 的文件夹。之后点击上方的 Download Code 下载代码压缩文件。

说明

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

变更模型提供方(可选)

  1. 按照下图所示,下拉更改模型提供方。

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

查看部署详情,请移步官网:https://www.aliyun.com/solution/tech-solution-deploy/2878871

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

https://cap.console.aliyun.com/create-project?template=cap-bolt-diy&from=solution

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

https://bailian.console.aliyun.com/

【3】配置自定义域名

https://help.aliyun.com/zh/functioncompute/fc-3-0/user-guide/configure-custom-domain-names

点击此处,立即体验

相关文章:

  • GPUStack昇腾Atlas300I duo部署模型DeepSeek-R1【GPUStack实战篇2】
  • Java安全之cc链学习集合
  • 【MySQL 】MySQL 安装自记录全程-详细 (mysql-installer-community-8.0.42.0.msi)
  • XLSX.utils.sheet_to_json设置了blankrows:true,但无法获取到开头的空白行
  • 毫米波振荡器设计知识笔记
  • 快速排序及其在Unity游戏开发中的应用
  • 在旧版本中打开Anylogic模型
  • 纯净无噪,智见未来——MAGI-1本地部署教程,自回归重塑数据本质
  • GAMES202-高质量实时渲染(homework1)
  • Web前端开发:CSS Float(浮动)与 Positioning(定位)
  • Pydantic :基于 Python 类型注解(type hints)的数据验证和数据解析库
  • 《电商业务分析终极框架:从数据到决策的标准化路径》
  • cuda学习2:cuda编程基本概念
  • LeetCode12_整数转罗马数字
  • 人机鉴权和机机鉴权
  • 【算法应用】基于灰狼算法求解DV-Hop定位问题
  • 面试:结构体默认是对齐的嘛?如何禁止对齐?
  • 【每日随笔】文化属性 ① ( 天机 | 强势文化与弱势文化 | 文化属性的形成与改变 | 强势文化 具备的特点 )
  • 利用脚本搭建私有云平台,部署云平台,发布云主机并实现互连和远程连接
  • AI发展史
  • 深圳一季度GDP为8950.49亿元,同比增长5.2%
  • 黄仁勋访华期间表示希望继续与中国合作,贸促会回应
  • 四川落马厅官周海琦受审,1000多人接受警示教育
  • 习近平在中共中央政治局第二十次集体学习时强调,坚持自立自强,突出应用导向,推动人工智能健康有序发展
  • “网红”谭媛去世三年:未停更的账号和困境中的家庭
  • 吏亦有道|秦汉的发明家与技术传承