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

2025-05-30 546

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

本文涉及的产品

轻量应用服务器 2vCPU 1GiB，适用于搭建电商独立站

轻量应用服务器 2vCPU 4GiB，适用于网站搭建

轻量应用服务器 2vCPU 4GiB，适用于搭建容器环境

简介： 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(云服务器)单机部署

(部署概述内容)

三、实验步骤

部署流程

部署步骤

访问计算巢Bolt.diy社区版部署链接按提示填写部署参数,配置ECS实例规格和密码

配置专有网络和可用区

配置百炼模型服务，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 起源可以绕过这一限制。