简单快捷部署 | Bolt.diy 一步搞定创意建站

简介: Bolt.diy 是 Bolt.new 的开源版本,提供全栈开发支持与自然语言交互功能,简化开发流程并允许二次开发。通过阿里云 CAP 平台部署,结合百炼大模型服务和 deepseek-v3 实现代码生成,用户可专注于应用创新。部署前需确保主账户资金充足,完成部署后配置 API-Key 即可使用。支持模型选择、代码下载等功能,适用于快速建站与创意开发需求。

进入活动解决方案部署详情页面Code to All-Stack|Bolt.diy 一步搞定创意建站
image.png
点击'立即部署'进入部署详情页面

以下是aliyn官方文档

Bolt.diy 是 Bolt.new 的一个开源版本,它提供了更高的灵活性和可定制性,通过自然语言交互简化开发流程,并提供全栈开发支持,同时允许用户二次开发。
本方案旨在介绍如何将 Bolt.diy 部署到云上,通过云原生应用开发平台 CAP 构建 Web 服务,通过其提供的函数计算资源,结合百炼的模型服务能力,采用deepseek-v3实现代码生成。借助 CAP,用户可以快速便捷地部署开源项目,而无需担心底层资源管理和运维问题,从而专注于应用的创新和开发。同时 CAP 提供了免运维的高效开发环境,具备弹性伸缩和高可用性,并采用按量付费模式,有效降低资源闲置成本。

方案架构

按照本方案提供的配置完成部署后,会在阿里云上搭建一个如下图所示的运行环境。实际部署时,您可根据具体的资源规划调整部分配置,但最终的运行环境将与下图展示的架构相似。
image.png

部署流程

!!!部署前准备事,确保阿里云主账户中可用的资金大于等于100,低于100部署项目会导致项目部署中的相关资源无法创建
进入阿里云百炼大模型服务平台,找到API-key

  • 登录阿里云百炼大模型服务平台。

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

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

服务部署

1.点击一键部署,进入部署详情页,点击确定部署
image.png

2.部署完成后,点击同下图相同位置的链接
image.png
3.点击访问地址,在浏览器中,会自动跳转为 HTTPS 链接地址。提示安全证书警告或错误,可以选择点击高级选项,然后点击继续前往以访问该网站。

说明(来自官方文档):
Bolt.diy 底层依赖 WebAssembly,其中用到了 SharedArrayBuffer。为了满足跨源隔离的要求并确保安全地使用如 SharedArrayBuffer 这样的功能,Bolt.diy 需要保证其所有资源均通过 HTTPS 协议提供。
image.png

3.进入实例中
image.png

配置

1.获取百炼API-Key

登录阿里云百炼大模型服务平台。
单击顶部应用,在左侧导航栏单击API-Key。
选择全部API-KEY或我的API-KEY,然后创建或查看API-KEY。

先点击查看,然后选择复制
image.png
image.png
2.给实例配置API-Key
在实例中的OpenAILike API Key:框中填入,复制好的API-Key
image.png
image.png
3.测试
可以按照官方给出的提示词进行创作
image.png
也可以自己根据自己想法合需求创作或创新,在提示框中写入需求或提示词
image.png
本案例 以官方给出的第一个提示词创作
3.2 报错分析
如果出现下图错误提示,不能自动预览可以尝试执行命令npm install安装依赖,然后执行命令npm run dev运行项目。
image.png
如果出现 Terminal Error 错误可以单击 Ask Bolt,让 AI 自动处理问题。
image.png

如果出现如下图所示,请在右侧命令行,执行命令Ctrl+C结束进程,然后执行npm run dev命令。
image.png
具体的错误都可发给AI分析解决,也可以参考官方文档
4.界面分析
image.png

在模型调用处,也可以根据自己喜好选择不同的模型
image.png

5.运行界面
image.png

代码下载

1.如果AI生成的代码满足个人最大需求,也可以选择下载代码
2.在Terminal中输入npm run build并敲击回车执行。
image.png
3.待命令执行完成后,左侧的Files中会新增一个名为dist的文件夹。点击上方的Download Code下载代码压缩文件。
image.png

目录
相关文章
|
消息中间件 Java Kafka
Spring Boot面试题
Spring Boot 是一套快速开发框架,随着微服务架构应用不断普及,Spring Boot 的研发技术的掌握已经成为研发人员必会技能。与此同时,Spring Boot 开源生态建设能力非常强大,提供了很多应用组件,让Spring Boot 有丰富的三方开源软件的使用。
599 0
Spring Boot面试题
|
移动开发 Android开发 HTML5
uniapp视频播放功能
uniapp视频播放功能
2270 0
|
人工智能 自然语言处理 运维
Bolt.diy 一键部署,“一句话”实现全栈开发
Bolt.diy 是 Bolt.new 的开源版本,提供更高灵活性与可定制性。通过自然语言交互简化开发流程,支持全栈开发及二次开发,使零基础开发者也能实现从创意到云端部署的完整链路。本方案基于阿里云函数计算 FC 搭建,集成百炼模型服务,快速完成云端部署。用户可通过对话开启首个项目,两步完成部署并获300社区积分。方案优势包括多模型适配、高度定制化、全栈开发支持及智能化辅助工具,助力高效开发与创新。
1196 104
|
Java 测试技术 Maven
看到一个魔改线程池,面试素材加一!(中)
看到一个魔改线程池,面试素材加一!(中)
841 0
看到一个魔改线程池,面试素材加一!(中)
|
4月前
|
人工智能 前端开发 Cloud Native
2026 前端研发效能白皮书:如何利用智能开发助手提升页面构建速度?
在 2026 年的前端开发生态中,页面构建已从手写代码转向“设计即生产”的智能化模式。本文立足阿里云开发者社区,评测年度 AI 编程辅助工具,揭示如何通过多模态解析与智能体协作实现前端产出的量级增长。
329 6
|
自然语言处理 Cloud Native 安全
Bolt.diy 部署与应用全攻略
Bolt.diy 部署与应用全攻略
573 6
|
11月前
|
存储 人工智能 前端开发
Qoder + ADB Supabase :5分钟GET超火AI手办生图APP
本文介绍如何利用Qoder、阿里云ADB Supabase和通义千问图像编辑模型,快速搭建AI手办生图Flutter应用。无需传统后端,实现从前端生成到数据存储、AI服务集成的全链路敏捷开发,展现Vibe Coding的高效实践。
Qoder + ADB Supabase :5分钟GET超火AI手办生图APP
|
人工智能 Cloud Native 前端开发
Bolt.diy 测评:从零部署到创意实践的全流程体验
本文详细介绍了阿里云解决方案中的Bolt.diy工具,一款基于AI的开源全栈开发平台。通过自动部署方式,用户可快速体验其多模型适配、全栈开发等功能。文章涵盖从开通服务到部署应用的具体步骤,并结合实际案例展示了生成网页的效果与局限性。尽管Bolt.diy能显著提升建站效率,但在复杂需求处理和稳定性上仍有改进空间。建议优化代码生成实时查看、预览异常处理等问题,并增加更多学习资源以帮助用户更好地设计Prompt。
1207 43
|
人工智能 自然语言处理 安全
Bolt.diy:更灵活更开放的AI全栈开发工具
Bolt.new是一款爆火的AI全栈开发工具,允许用户在浏览器中运行Node.js环境并通过自然语言生成、编辑和部署Web应用。然而,它存在一定的封闭性,仅支持官方指定的大语言模型和Netlify部署。而Bolt.diy作为其开源版本,功能更强大灵活,支持多种大模型选择(如OpenAI、Anthropic等)、丰富的输入方式及多云部署选项(如Vercel、AWS)。此外,Bolt.diy还提供本地文件同步、代码下载到GitHub等功能,适用于快速原型设计、教育与企业级开发等多种场景。
1335 1
Bolt.diy:更灵活更开放的AI全栈开发工具