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

1.前言

以前总是有很多人无代码基础的人总是在幻想,如何不要自己写代码就可以建立一个自己的创意网站呢?之前总觉得异想天开不可能,屏幕前的你是不是也是这么想的呢,没有想到,Bolt.diy帮你实现了,快来看看怎么回事吧! 领取免费额度,一键部署Bolt.diy:www.aliyun.com/solution/te... 想怎么建就怎么建。

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。如下图所示:

  1. 配置百炼 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.体验过程中遇到的问题

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

相关推荐
勾股导航2 小时前
大模型Skill
人工智能·python·机器学习
卷福同学4 小时前
【养虾日记】Openclaw操作浏览器自动化发文
人工智能·后端·算法
春日见4 小时前
如何入门端到端自动驾驶?
linux·人工智能·算法·机器学习·自动驾驶
光锥智能4 小时前
从自动驾驶到 AI 能力体系,元戎启行 GTC 发布基座模型新进展
人工智能
luoganttcc4 小时前
自动驾驶 世界模型 有哪些
人工智能·机器学习·自动驾驶
潘高4 小时前
10分钟教你手撸一个小龙虾(OpenClaw)
人工智能
禁默4 小时前
光学与机器视觉:解锁“机器之眼”的核心密码-《第五届光学与机器视觉国际学术会议(ICOMV 2026)》
人工智能·计算机视觉·光学
深小乐5 小时前
不是DeepSeek V4!这两个神秘的 Hunter 模型竟然来自小米
人工智能
laozhao4325 小时前
科大讯飞中标教育管理应用升级开发项目
大数据·人工智能
rainbow7242445 小时前
AI人才简历评估选型:技术面试、代码评审与项目复盘的综合运用方案
人工智能·面试·职场和发展