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

简介: Bolt.diy 是一款无需代码基础即可创建个性化网站的工具,基于阿里云函数计算 FC 和百炼大模型服务,通过自然语言交互实现全栈开发。用户只需描述需求,Bolt.diy 即可快速生成网站,支持灵活定制与二次开发。部署简单,提供免费试用额度,适合从初学者到专业开发者各类人群。无论是快速原型设计、教育工具开发还是企业级应用,Bolt.diy 均展现出高效与便捷的优势。然而,新手可能需要更多时间熟悉云服务配置与高级功能。

1.前言

以前总是有很多人无代码基础的人总是在幻想,如何不要自己写代码就可以建立一个自己的创意网站呢?之前总觉得异想天开不可能,屏幕前的你是不是也是这么想的呢,没有想到,Bolt.diy帮你实现了,快来看看怎么回事吧!
领取免费额度,一键部署Bolt.diy: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 会自动跳转到访问控制快速授权页面,滚动到浏览器底部单击“确认授权”按钮,等待授权结束后单击返回控制台。宏哥就是首次使用,如下图所示:
image.png

2.部署完成后,如下图所示:
image.png

3.4访问应用

1.经过前边步骤的操作,应用已经部署好了,我们来访问一下,看是否部署成功。按照下图找到访问地址。也就是部署完成的那个界面,如下图所示:
image.png
2.点击访问地址,在浏览器中,会自动跳转为 HTTPS 链接地址。提示安全证书警告或错误,可以选择点击高级选项,然后点击继续前往以访问该网站。如下图所示:
image.png
image.png
3.即可访问到我们部署的应用网站,如下图所示:
image.png

3.5接入百炼大模型

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

  1. 配置百炼 API-KEY。将其粘贴到 Bolt.diy 的配置界面中完成百炼 API-KEY 的设置。如下图所示:
    image.png
    3.配置完成,变成绿色,如下图所示:
    image.png
    4.然后,我们就可以调用百炼大模型,单击提示词就可以就行创作了。如下图所示:
    image.png
    5.以下就是根据你的提示词,建立的网站,如下图所示:
    image.png
    image.png
    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.体验过程中遇到的问题

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

7其他渠道链接地址

其他渠道链接地址:

博客园:https://www.cnblogs.com/du-hong/p/18838084
开源中国OSCHINA 网站:https://my.oschina.net/u/8948501/blog/18210211
CSDN:https://blog.csdn.net/qq_23827149/article/details/147382320
测试之家:https://testerhome.com/topics/42030
稀土掘金:https://juejin.cn/post/7495005551308259391
知乎:https://zhuanlan.zhihu.com/p/1897591673975988784
墨滴社区:https://mdnice.com/writing/d28bf710770a4d7ba635456aba00c71a
思否社区:https://segmentfault.com/a/1190000046465775
简书:https://www.jianshu.com/p/97c5b61fbad5
360个人图书馆:http://www.360doc.com/content/25/0421/13/26988662_1151697999.shtml
51CTO博客:https://blog.51cto.com/u_15404983/13853383
B站:https://www.bilibili.com/opus/1058139315967623175
公众号:https://mp.weixin.qq.com/s/RFc4ZwTW2iANts-ZB0BvBA

相关文章
|
5月前
|
人工智能 Cloud Native 前端开发
Bolt.diy 测评:从零部署到创意实践的全流程体验
本文详细介绍了阿里云解决方案中的Bolt.diy工具,一款基于AI的开源全栈开发平台。通过自动部署方式,用户可快速体验其多模型适配、全栈开发等功能。文章涵盖从开通服务到部署应用的具体步骤,并结合实际案例展示了生成网页的效果与局限性。尽管Bolt.diy能显著提升建站效率,但在复杂需求处理和稳定性上仍有改进空间。建议优化代码生成实时查看、预览异常处理等问题,并增加更多学习资源以帮助用户更好地设计Prompt。
608 43
|
5月前
|
存储 人工智能 自然语言处理
0 代码焦虑!阿里云 Bolt.diy 一键解锁你的专属网站,30 分钟惊艳上线
Bolt.diy 是阿里云推出的智能化建站工具,基于函数计算 FC 和百炼模型服务,通过自然语言描述即可快速生成网站。无需本地配置环境,3分钟完成部署,适合各水平用户。支持个性化定制、域名绑定及数据备份,安全可靠。无论是个人博客还是企业官网,都能轻松实现。立即领取免费额度体验:[部署链接](https://www.aliyun.com/solution/tech-solution/fc-bolt-diy?utm_content=g_1000403257)。
211 4
|
5月前
|
人工智能 自然语言处理 Cloud Native
🚀Bolt.diy:五分钟免费搭建个人博客,开启你的数字创作之旅!(保姆级教程)
Bolt.diy 是 Bolt.new 的一个开源版本,它提供了更高的灵活性和可定制性。通过自然语言交互,它能够简化开发流程,并提供全栈开发支持,同时允许用户进行二次开发。它就像是你的数字创作伙伴,帮你把想法变成现实。在数字化时代,拥有一个个人博客不仅是一种展示自我的方式,更是一种记录生活、分享知识、连接世界的桥梁。通过阿里云的 Bolt.diy,我仅用五分钟就搭建了一个功能齐全、美观大方的个人博客,这让我深刻感受到了技术的力量和便捷性。
424 29
|
5月前
|
人工智能 自然语言处理 运维
Bolt.diy 一键部署,“一句话”实现全栈开发
Bolt.diy 是 Bolt.new 的开源版本,提供更高灵活性与可定制性。通过自然语言交互简化开发流程,支持全栈开发及二次开发,使零基础开发者也能实现从创意到云端部署的完整链路。本方案基于阿里云函数计算 FC 搭建,集成百炼模型服务,快速完成云端部署。用户可通过对话开启首个项目,两步完成部署并获300社区积分。方案优势包括多模型适配、高度定制化、全栈开发支持及智能化辅助工具,助力高效开发与创新。
715 102
|
5月前
|
自然语言处理 Cloud Native 安全
Bolt.diy 部署与应用全攻略
Bolt.diy 部署与应用全攻略
212 6
|
5月前
|
人工智能 程序员 测试技术
AI 时代,为什么编程能力≠ 开发门槛
在 2.0 阶段,我们目标是实现面向任务的协同编码模式,人的主要职责转变为任务的下发、干预以及最后结果的审查。在这个过程中,人的实际工作量开始减轻,AI 工作的占比显著提升。目前的 2.0 版本是我们最近上线的。
491 93
|
4月前
|
人工智能 自然语言处理 IDE
技术赋能新维度,灵码进化新突破:通义灵码2.5新功能尝鲜及深度评测
通义灵码是阿里云推出的基于通义大模型的智能编程助手,作为首款全栈智能辅助的国产编码工具,它为开发者提供“第二大脑”,并重构团队协作效能。2.5版本新增智能体模式,支持Qwen3系列模型,具备自主决策、工程感知和记忆能力,集成3000+MCP工具。其优势包括多模式对话体验、上下文增强、全流程工具链支持及个性化记忆功能,但仍存在上下文管理、权限控制和语言支持等方面的改进空间。此次更新标志着AI辅助开发进入全链路智能化新纪元,成为开发者真正的“结对编程伙伴”。
1048 36
|
5月前
|
人工智能 自然语言处理 搜索推荐
超强辅助,Bolt.diy 一步搞定创意建站
超强辅助,Bolt.diy 一步搞定创意建站
333 6
超强辅助,Bolt.diy 一步搞定创意建站
|
4月前
|
人工智能 自然语言处理 Cloud Native
部署Bolt.diy测评计划
本教程介绍如何快速部署和使用云原生应用开发平台 CAP 的项目模板。通过一键部署功能,按照默认配置完成项目创建与部署,预计耗时1分钟。部署完成后,可通过访问地址进入应用示例。接着,在阿里云百炼控制台生成API-KEY,并将其复制到应用中,结合提示词进行创作。当代码生成完毕后,可预览网页效果或在控制台下载生成的代码。此流程帮助开发者高效体验AI代码生成与云端部署的全流程。
108 0