Bolt.diy：AI全栈开发，一句话生成网站

云布道师

于 2025-06-26 13:51:53 发布

阅读量800

点赞数 18

CC 4.0 BY-SA版权

文章标签：人工智能阿里云云布道师 ai

本文链接：https://blog.csdn.net/bjchenxu/article/details/148923405

简介：
Bolt.diy是一个AI驱动的Web开发工具，支持通过自然语言Prompt直接生成、编辑和部署全栈应用，无需本地环境配置。本次实验基于DeepSeek于2025年5月28日发布了DeepSeek-R1-0528升级版本，显著提升了编程能力。

更多最新最热的AI工具持续上新中，快来尝鲜实验室AI一下吧！立即点击体验

一、实验概述

Bolt.diy是一个AI驱动的Web开发工具，支持通过自然语言Prompt直接生成、编辑和部署全栈应用，无需本地环境配置。本次实验基于DeepSeek于2025年5月28日发布了DeepSeek-R1-0528升级版本，显著提升了编程能力。作Bolt.new的官方开源版本用户只需输入如"创建abc公司官网，产品为AI辅助编程工具，使用react.js框架，采用深蓝色主色调，中文简洁内容"这样的描述，系统就能自动生成完整代码库并在浏览器中实时预览，极大提升了网站开发效率。除此之外Bolt.diy有以下优势
● 支持多种大模型，包括OpenAI， Anthropic, Ollama, OpenRouter, Gemini, LMStudio, Mistral, xAI, HuggingFace， DeepSeek、OpenAILike等。
● 支持将代码恢复到以前的版本
● 支持在Prompt中添加图片
● 支持将项目下载到本地
● 支持Docker快速部署
● 支持集成的terminal,方便页面调试
● 有活跃的社区支持
使用bolt.diy一句话生成网站的效果
在这里插入图片描述
使用bolt.diy生成完整的网站代码库

二、部署架构

部署架构采用ECS(云服务器)单机部署
(部署概述内容)

三、实验步骤

部署流程

部署步骤

1、访问计算巢Bolt.diy社区版部署链接按提示填写部署参数,配置ECS实例规格和密码
在这里插入图片描述
2、配置专有网络和可用区

3、配置百炼模型服务，Bolt.diy支持多种大模型，如果想使用百炼的模型服务，请配置百炼模型服务的API-KEY。请参考：获取百炼API-KEY。

完成Bolt.diy的部署

查看服务实例。服务实例创建成功后，部署时间大约需要2分钟。部署完成后，页面上可以看到对应的服务实例。

配置浏览器的安全策略

如果使用Bolt.diy的过程中，页面有如下报错,
在这里插入图片描述
这是由于浏览器对 SharedArrayBuffer 的安全策略限制导致的，浏览器出于安全考虑，要求使用 SharedArrayBuffer 或多线程通信（如 postMessage 传输 SharedArrayBuffer）的页面必须满足 Cross-Origin Isolation 条件，比如页面的加载协议为 HTTPS（或 localhost 的开发环境）。为了绕开此限制，可以通过修改浏览器的设置。

在Chrome浏览器中，访问标志页：在地址栏输入 chrome://flags/#allow-insecure-localhost。
启用配置：将 Insecure origins treated as secure 的选项设为 Enabled，
在下方输入框中添加Bolt.diy的访问地址。
修改完配置后，重新启动浏览器即可。

修改此配置的核心效果是允许将 HTTP 资源视为 HTTPS，会将指定的不安全起源（HTTP） 视为安全的 HTTPS 起源，从而
1.绕过混合内容（Mixed Content）警告：
  当网页通过 HTTPS 加载时，如果它引用了 HTTP 协议的资源（如图片、脚本、API 接口等），浏览器会默认阻止这些资源并报错（如 Mixed Content 错误）。开启此配置后，指定的 HTTP 起源会被视为安全，从而允许加载。
2.支持需要 HTTPS 的功能：
  部分 Web API（如 Fetch API、WebAuthn、WebSockets 等）在 HTTP 环境下可能无法使用，但通过此设置，指定的 HTTP 起源可以绕过这一限制。

配置使用百炼的模型

前提：在部署时已经配置过了百炼的API-KEY

打开侧边栏，点击左下角的设置
设置中点击"Local Providers"
打开"OpenAILike"的开关
在首页选择OpenAILike，即可使用百炼上的大模型服务
完成部署后，点击“安全代理直接访问”，进入部署好的bolt.diy
点击以下网站，申请deepseek API KEY
https://platform.deepseek.com/sign_in
选择deepseek，输入API key，模型选择Deepseek-Reasoner，并在对话框中，描述需要创建的网站。例如：
“做一个公司的官网，公司的名称为abc公司，产品是AI辅助编程工具。网站采用react.js，主色调为深蓝色，网站内容使用中文，内容尽量简洁。”
等待10分钟左右，由bolt.diy完成代码生成，完成后通常会自动显示网站预览。如果不能自动显示。在Bolt
Terminal中，首先输入以下命令，完成npm包的安装：