简单快捷部署 | 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

目录
相关文章
|
26天前
|
人工智能 自然语言处理 运维
Bolt.diy 一键部署,“一句话”实现全栈开发
Bolt.diy 是 Bolt.new 的开源版本,提供更高灵活性与可定制性。通过自然语言交互简化开发流程,支持全栈开发及二次开发,使零基础开发者也能实现从创意到云端部署的完整链路。本方案基于阿里云函数计算 FC 搭建,集成百炼模型服务,快速完成云端部署。用户可通过对话开启首个项目,两步完成部署并获300社区积分。方案优势包括多模型适配、高度定制化、全栈开发支持及智能化辅助工具,助力高效开发与创新。
496 102
|
26天前
|
人工智能 Cloud Native 前端开发
Bolt.diy 测评:从零部署到创意实践的全流程体验
本文详细介绍了阿里云解决方案中的Bolt.diy工具,一款基于AI的开源全栈开发平台。通过自动部署方式,用户可快速体验其多模型适配、全栈开发等功能。文章涵盖从开通服务到部署应用的具体步骤,并结合实际案例展示了生成网页的效果与局限性。尽管Bolt.diy能显著提升建站效率,但在复杂需求处理和稳定性上仍有改进空间。建议优化代码生成实时查看、预览异常处理等问题,并增加更多学习资源以帮助用户更好地设计Prompt。
337 36
|
1月前
|
人工智能 Cloud Native 安全
Bolt.diy 部署与应用体验全流程总结
按照官方指引,我完成了 Bolt.diy 的部署与测试。通过云原生应用开发平台 CAP,默认配置下部署仅需 1 分钟。首次使用需授权访问控制,部署完成后进入示例应用。注意,资源须通过 HTTPS 提供以支持 WebAssembly 和 SharedArrayBuffer。 随后,在阿里云百炼平台创建 API-KEY 并配置到 Bolt.diy 中,开始尝试提示词创作。例如输入中端 SaaS 首页需求后,Bolt.diy 自动生成代码并展示预览效果,生成效率和质量令人满意。
|
1月前
|
人工智能 自然语言处理 运维
超强辅助!Bolt.diy 自然语言建站工具一键云端部署方案
Bolt.diy 是一款从创意到部署的极速开发工具,支持多语言模型(如 OpenAI、DeepSeek 等)灵活适配,满足不同任务需求。其模块化架构提供高度定制化能力,可扩展自定义服务与私有模型。全栈开发流程覆盖代码生成、调试、版本管理到一键部署,内置数据库管理与 API 自动生成功能。智能化辅助工具实时分析代码错误并提供建议,帮助开发者高效理解复杂项目。基于云原生平台 CAP 构建,支持快速部署与实时预览,适用于快速原型设计、教育及企业级开发等场景。
60 1
|
13天前
|
人工智能 自然语言处理 Cloud Native
部署Bolt.diy测评计划
本教程介绍如何快速部署和使用云原生应用开发平台 CAP 的项目模板。通过一键部署功能,按照默认配置完成项目创建与部署,预计耗时1分钟。部署完成后,可通过访问地址进入应用示例。接着,在阿里云百炼控制台生成API-KEY,并将其复制到应用中,结合提示词进行创作。当代码生成完毕后,可预览网页效果或在控制台下载生成的代码。此流程帮助开发者高效体验AI代码生成与云端部署的全流程。
|
13天前
|
人工智能 自然语言处理 数据可视化
阿里云 Bolt.diy:一键开启全能开发,简单强大零门槛
Bolt.diy是Bolt.new的开源版本,通过自然语言交互简化开发流程,支持全栈开发与二次开发。依托多模态智能调度引擎和主流大模型,实现任务智能匹配、模块化部署及私有模型集成,大幅提升开发效率。平台提供代码自动生成、实时诊断优化与可视化工具,降低开发门槛。体验中发现其简单易用,但存在偶发卡顿问题。总体而言,Bolt.diy是一款高效实用的开发工具,适合新手与企业使用。
124 6
|
1月前
|
Cloud Native Serverless 开发者
Bolt.diy 一键部署体验:开启创意建站新旅程
今天我来给大家分享一下我最近折腾的有趣玩意儿——Bolt.diy!这玩意儿可真是个宝藏,简直就是创意建站的超强辅助。
59 17
|
1月前
|
传感器 自然语言处理 监控
快速部署实现Bolt.diy
Bolt.diy 是 Bolt.new 的开源版本,提供灵活的自然语言交互与全栈开发支持。基于阿里云函数计算 FC 和百炼模型服务,最快5分钟完成部署。新手注册阿里云账号后可领取免费额度,按指引开通相关服务并授权。通过项目模板一键部署,配置 API-KEY 后即可使用。Bolt.diy 支持多种场景,如物联网原型开发、久坐提醒、语音控制灯光等,助力快速实现创意应用。
2307 22
|
23天前
|
弹性计算 自然语言处理 运维
超强辅助,Bolt.diy 一步搞定创意建站
Bolt.diy 是 Bolt.new 的开源版本,提供灵活的全栈开发支持与二次开发能力。通过 CAP 平台部署到云端,结合 deepseek-v3 模型实现代码生成,简化开发流程。方案涵盖多模型适配、高度定制化、全栈开发覆盖及智能辅助工具,支持自然语言交互生成代码、实时调试与一键部署,有效降低资源成本并提升开发效率。实验展示了从项目部署到代码生成、下载和上线的完整流程。
51 1
|
1月前
|
人工智能 自然语言处理 Cloud Native
【攻略】Bolt.diy 云端部署与应用实战:快速生成你的创意助手
随着AI应用从实验室走向大众,构建低门槛、高效率的AI助手平台成为开发者关注焦点。阿里云推出的Bolt.diy解决方案,开源灵活且部署快捷,支持函数计算FC与百炼大模型服务集成,大幅降低全栈AI应用开发难度。本文分享了实际部署Bolt.diy的全过程,并通过创建个人AI项目助理演示其强大功能。无论是生成项目计划、技术文档,还是搭建工具页面,Bolt.diy都能助力开发者快速实现创意,提升效率。文章还探讨了使用中的小问题及优化建议,适合对AI开发感兴趣的读者体验尝试。