阿里云万小智AI建站从0到上线:创建应用、PRD 确认、AI 精修网站、发布域名配置指南,阿里云万小智AI建站一句话完成建站,万小智AI建站依托大语言模型和代码生成技术,支持通过自然语言对话生成包含前端代码、后端服务和数据库的完整网站项目,并提供一键部署能力,阿小云演示万小智AI建站实操手册,新手建站到网站上线全流程:
步骤一:进入应用
1、访问:🔥 阿里云万小智AI建站官网 登录你的阿里云账号,选择想要的万小智版本,可选轻量版、标准版和高级版
注意:免费版的万小智不能发布网站。
访问 万小智AI建站 应用列表,找到目标应用,如下图:
步骤二:定义您的网站
告诉 AI 您的建站需求
向AI提供关于您网站的初步构想,作为AI生成网站的基础。您可以通过以下两种方式输入建站需求:
- 快速输入:在页面下方的快速开始区域,选择一个预设模板(如品牌官网)。系统会自动填入模板文本,您只需修改其中的“[ ]”占位符信息。
- 自定义输入:在输入框中直接用自然语言详细描述您的网站需求,然后点击发送。
您也可单击 进行语音输入。
如下图:
使用精选案例模板
说明:进入已有应用暂时无法使用模板。
- 新建应用页面下方,浏览精选案例区域展示的网站模板。可通过分类标签(如企业品牌、电商零售、生活服务等)筛选感兴趣的案例。
- 鼠标悬停在案例卡片上,点击预览按钮查看该模板的完整效果。
- 预览页面左侧查看网站效果。如果满意,点击右侧的案例复制按钮。
- 系统弹出版本选择对话框,显示当前模板版本选项(如标准版)。点击立即购买按钮进入购买配置流程。
- 应用复制完毕可以点击进入应用,开始编辑。
步骤三:与AI对话细化需求
通过与AI的几轮对话,补充网站细节,确保最终产出更贴近您的预期。
- 万小智会根据您的需求进行追问,收集目标用户群体、核心功能模块等信息。
- 请根据AI的提问进行回复,也可以点击直接生成需求文档跳过后续追问。
如下图:
说明:跳过AI追问可能会导致生成的需求文档(PRD)不够具体。建议您选择继续细化需求,以获得更精准的结果。
步骤四:确认需求文档
审查并最终确认网站的设计蓝图,授权AI开始进行网站构建。
- AI将根据您的需求和对话内容,生成一份产品需求文档(PRD)。这是一份详细描述您网站功能、页面和设计风格的蓝图,您可以在页面右侧预览其完整内容。
- 仔细检查PRD内容。如果需要修改,点击编辑文档进行调整。
- 确认所有信息无误后,点击确认生成应用。
说明:点击确认生成应用后,系统将开始消耗资源进行网站构建,此操作不可撤销。请在点击前仔细检查并确认您的需求文档。
步骤五:等待网站生成
等待AI完成代码生成和网站构建。如下图:
- 确认需求后,AI将开始自动生成网站代码,页面会显示构建进度。
- 生成完成后,页面会自动展示网站的预览效果。
步骤六:预览与编辑网站
查AI生成的网站,并进行可视化调整或通过AI对话进一步修改。网站生成后,您可以在预览界面进行以下操作:
- 预览网站:在右侧预览区查看网站效果,支持在桌面端和移动端视图之间切换,也可以全屏预览或在新窗口打开。
- 补充生成:如果AI未能一次性生成所有页面(例如只生成了首页),系统通常会在对话框中提示您。此时可以输入
继续,AI将根据PRD继续完成剩余部分的构建。 - 编辑网站:
- 可视化编辑:点击预览工具栏的编辑按钮,进入可视化编辑模式。您可以直接修改文本、替换图片等。
- AI对话编辑:您也可以继续在左侧对话框中输入指令,让AI修改网站,例如“帮我把主题色换成绿色”。
- 分享预览:点击页面右上角的分享图标,可以获取用于临时预览的链接或二维码。
注意:该链接为临时预览地址,并非最终发布的网站域名。链接有效期为15天,到期后自动失效,不可续期。
步骤七:发布与上线
发布应用将当前编辑的版本转为正式版本。首次发布需要购买版本。如需通过公网访问,还需要绑定域名。
1、发布应用
- 在应用预览页面,单击页面顶部的发布。
- 首次发布时,必须购买一个版本。 系统会弹出 版本选择弹窗,请根据您的业务需求选择。各版本的详细规格和定价,请参见:产品计费。
- 点击对应版本的 立即购买,在订单页配置 部署节点 和购买时长,完成支付。
- 返回预览页面,单击页面顶部的发布。
后续修改网站内容后,单击发布即可将最新版本转正。详细操作教程参考:应用发布。
2、绑定域名(可选)
如需通过公网访问网站,需要绑定域名,而且现在购买轻量版及以上的万小智版本,就会免费送CN域名
在应用页面,单击顶部的管理,在左侧菜单中选择域名管理。单击绑定域名,输入您的域名。如果你的域名在阿里云,并且在你当前的阿里云账号下,那么万小智支持自动完成域名解析配置。
如果是在其他服务商注册的域名或不属于当前阿里云账号的域名,需要您在相应域名注册商处添加DNS解析记录。
注意:中国大陆地域的万小智,网站域名需要备案,不想备案的话选择中国香港节点的万小智,香港是免备案的。
更多关于阿里云万小智AI建站的使用教程,请参考万小智官网说明:https://wanwang.aliyun.com/website/xiaozhi