🔥吐血整理 Bolt.diy 部署与应用攻略

e3EF4UW0R

1.前言

以前总是有很多人无代码基础的人总是在幻想，如何不要自己写代码就可以建立一个自己的创意网站呢？之前总觉得异想天开不可能，屏幕前的你是不是也是这么想的呢，没有想到，Bolt.diy帮你实现了，快来看看怎么回事吧！
领取免费额度，一键部署Bolt.diy：https://image.baidu.com/search/down?url=https://www.aliyun.com/solution/tech-solution/fc-bolt-diy?utm_content=g_1000403257 想怎么建就怎么建。
2.Bolt.diy是什么？

**官方说法：**Bolt.diy 是 Bolt.new 的一个开源版本，它提供了更高的灵活性和可定制性，通过自然语言交互简化开发流程，并提供全栈开发支持，同时允许用户二次开发。本方案基于函数计算 FC 搭建，集成了阿里云百炼模型服务，旨在实现 Bolt.diy 的快速云端部署。
本人通俗理解：就是你把它当作一个程序员，而你是产品经理，而且它是那种不会反抗、抱怨、听话的程序员，你把你的需求告诉它，它就会帮你一一实现。
3.准备工作

开始部署前，请按以下指引完成账号申请、账号充值。
3.1账号准备

1.如果您还没有阿里云账号，请访问阿里云账号注册页面，根据页面提示完成注册。
2.百炼提供的新人免费额度可以完全覆盖本教程所需资源消耗。额度消耗完后按 token 计费，相比自行部署大模型可以显著降低初期投入成本。
3.函数计算提供的试用额度（点此领取）可以完全覆盖本教程所需资源消耗。额度消耗完后按量计费，对于本教程所涉及的Web服务，只在有访问的情况下才会产生费用。
3.2资源准备

1.如果您是首次访问阿里云百炼服务平台，请按照以下步骤进行开通。
（1）登录阿里云百炼大模型服务平台。
（2）根据页面提示签署阿里云百炼服务协议，然后单击页面顶部的开通服务按钮，并按照提示进行开通。
2.如果是首次使用函数计算，请先开通函数计算服务。
（1）登录函数计算服务控制台，根据页面提示完成开通。
（2）开通后，登录函数计算服务控制台，完成阿里云服务授权。
3.3部署应用

1.请点击前往部署打开我们提供的云原生应用开发平台 CAP 项目模板，参数选择默认配置，然后单击部署项目，最后在弹出面板中单击确认部署，部署预计等待 1 分钟。
说明
首次使用云原生应用开放平台 CAP 会自动跳转到访问控制快速授权页面，滚动到浏览器底部单击"确认授权"按钮，等待授权结束后单击返回控制台。宏哥就是首次使用，如下图所示：

2.部署完成后，如下图所示：

3.4访问应用

1.经过前边步骤的操作，应用已经部署好了，我们来访问一下，看是否部署成功。按照下图找到访问地址。也就是部署完成的那个界面，如下图所示：

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


3.即可访问到我们部署的应用网站，如下图所示：

3.5接入百炼大模型

因为解决方案要通过API来接入百炼大模型，所以为了安全访问百炼大模型，我们需要我登录阿里云百炼大模型服务平台，创建并复制了 API-KEY，才可以访问百炼大模型。如果你在其他应用接入过，那么这里的操作就和之前的差不多，非常简单。具体操作步骤如下：
1.登录阿里云百炼大模型服务平台。单击顶部应用，在左侧导航栏单击API-Key。选择全部API-KEY或我的API-KEY，然后创建或查看API-KEY。单击操作列中的复制按钮，复制API KEY。如下图所示：

• 配置百炼 API-KEY。将其粘贴到 Bolt.diy 的配置界面中完成百炼 API-KEY 的设置。如下图所示：
  

3.配置完成，变成绿色，如下图所示：

4.然后，我们就可以调用百炼大模型，单击提示词就可以就行创作了。如下图所示：

5.以下就是根据你的提示词，建立的网站，如下图所示：


6.当然了，你也可以输入自己的提示词，搭建自己想要的网站。
4.部署完成后，使用Bolt.diy进行了哪些尝试？

部署成功后，我尝试了几种不同的应用场景来测试Bolt.diy的功能：
快速原型设计：利用简单的自然语言指令，比如"创建一个展示商品列表的React组件"，Bolt.diy迅速生成了相应的前端代码。这极大地加快了从想法到具体实现的过程。
参考Prompt："请帮我写一段React代码，用于显示一组产品信息。"
教育工具开发：考虑到Bolt.diy非常适合教学目的，我还构建了一个小型在线学习平台，其中包含课程管理、学生进度跟踪等功能。这个过程同样依赖于Bolt.diy提供的全栈开发支持。
参考Prompt："为我的在线课程网站添加用户注册功能。"
企业级应用：最后，为了探索更复杂的应用场景，我尝试着整合了一些内部业务逻辑，比如客户关系管理系统(CRM)的部分模块。虽然这部分工作相对复杂，但Bolt.diy依然表现出了良好的适应性和扩展性。
参考Prompt："集成一个联系人导入导出功能到现有的CRM系统中。"
5.结合个人背景，如何使用Bolt.diy？

作为一名软件开发者，我认为Bolt.diy可以在以下几个方面发挥重要作用：
加速项目启动 ：无论是个人小项目还是团队合作的大工程，Bolt.diy都能帮助我们快速搭建起基础架构，节省大量时间。
促进学习交流 ：对于初学者而言，它提供了一个直观的学习平台；而对于经验丰富的工程师来说，则是一个分享知识的好工具。
提高工作效率：特别是在面对重复性任务时，通过自动化代码生成可以显著提升生产力。
6.体验过程中遇到的问题

在整个部署和使用过程中，我发现的主要挑战在于理解各个云服务之间的相互作用机制。尽管文档提供了详尽指导，但对于新手来说可能仍有一定难度。此外，某些高级功能的配置也需要更多实践才能完全掌握。希望未来能有更多针对不同水平用户的教程资料发布。