创建你的第一个应用

更新时间:
复制 MD 格式

万小智AI建站是阿里云推出的AI建站产品,您只需用自然语言描述网站需求,AI即可自动生成完整网站。本文介绍如何快速创建并发布您的第一个网站。

步骤一:进入应用

创建新应用

  1. 访问万小智,如未登录,使用阿里云账号登录。

  2. 登录后即进入新建应用页面。在页面上方选择应用类型:网站应用或小程序应用,本文以网站应用为例。

进入已有应用

如果您已购买万小智并完成了应用创建,无需重新创建应用。

  1. 访问万小智的应用管理页,找到目标应用。

  2. 单击进入应用,即可继续编辑和管理您的网站。

image

步骤二:定义您的网站

告诉 AI 您的建站需求

向AI提供关于您网站的初步构想,作为AI生成网站的基础。您可以通过以下两种方式输入建站需求:

  • 快速输入:在输入框下方选择一个预设模板(如品牌官网、电商网站),系统会自动填入一段完整的建站需求描述,您可以直接发送,也可以按需修改后再发送。

  • 自定义输入:在输入框中用自然语言详细描述您的网站需求,然后单击发送;输入时也可以上传参考文件或唤起技能。

    您也可单击image进行语音输入。

image

使用案例模板

说明

进入已有应用暂时无法使用模板。

  1. 新建应用页面下方浏览应用模板区域展示的网站模板(另有“你可能喜欢的模板与风格”推荐区)。可通过分类标签(如企业品牌、电商零售、生活服务等)筛选,并按最新或最热排序。

  2. 在案例卡片上单击预览按钮查看该模板的完整效果,预览页可通过上一个、下一个快速切换其他模板。

  3. 满意后,单击案例复制按钮,系统弹出“为当前应用选择版本、部署节点和购买时长”对话框。

  4. 在对话框中选择版本,配置部署节点和购买时长,单击对应版本卡片中的立即购买完成支付。

  5. 应用复制完成后,单击进入应用,开始编辑。

image

步骤三:与AI对话细化需求

通过与AI的几轮对话,补充网站细节,确保最终产出更贴近您的预期。

  1. 万小智会根据您的需求进行追问,收集目标用户群体、核心功能模块等信息。

  2. 请根据AI的提问进行回复,也可以单击直接生成需求文档跳过后续追问。

    说明

    跳过AI追问可能会导致生成的需求文档(PRD)不够具体。建议您选择继续细化需求,以获得更精准的结果。

image

步骤四:确认需求文档

审查并最终确认网站的设计蓝图,授权AI开始进行网站构建。

  1. AI将根据您的需求和对话内容,生成一份产品需求文档(PRD)。这是一份详细描述您网站功能、页面和设计风格的蓝图,您可以在页面右侧预览其完整内容。 

  2. 仔细检查PRD内容。如果需要修改,单击编辑文档进行调整。

  3. 确认所有信息无误后,单击确认生成应用。

    说明

    单击确认生成应用后,系统将开始消耗资源进行网站构建,此操作不可撤销。请在单击前仔细检查并确认您的需求文档。

image

步骤五:等待网站生成

等待AI完成代码生成和网站构建。

  1. 确认需求后,AI将开始自动生成网站代码,页面会显示构建进度。

  2. 生成完成后,页面会自动展示网站的预览效果。

image

步骤六:预览与编辑网站

查看AI生成的网站,并进行可视化调整或通过AI对话进一步修改。网站生成后,您可以在预览界面进行以下操作:

  • 预览网站:在右侧预览区查看网站效果,支持在PC端预览和移动端预览之间切换,也可以刷新应用预览、选择要预览的页面。

  • 补充生成:如果AI未能一次性生成所有页面(例如只生成了首页),系统通常会在对话框中提示您。此时可以输入继续,AI将根据PRD继续完成剩余部分的构建。

  • 编辑网站:

    • 可视化编辑:单击预览工具栏的编辑按钮,进入可视化编辑模式。您可以直接修改文本、替换图片等。

    • AI对话编辑:您也可以继续在左侧对话框中输入指令,让AI修改网站,例如“帮我把主题色换成绿色”。

  • 分享预览:单击页面右上角的分享图标,可以获取用于临时预览的链接或二维码。

    该链接为临时预览地址,并非最终发布的网站域名。链接有效期为15天,到期后自动失效,不可续期。

image

步骤七:发布与上线

发布应用将当前编辑的版本转为正式版本。首次发布需要购买版本。如需通过公网访问,还需要绑定域名。

  1. 发布应用

    1. 在应用预览页面,单击页面右上角的购买并发布。

    2. 首次发布时,必须购买一个版本。 系统会弹出版本选择弹窗,请根据您的业务需求选择。

      各版本的详细规格和定价,请参见产品计费。

    3. 在弹窗中配置 部署节点 和购买时长,单击对应版本卡片中的 立即购买,完成支付。

    4. 返回预览页面,单击页面顶部的发布。

    后续修改网站内容后,单击发布即可将最新版本转正。详细操作,请参见应用发布。

  2. 绑定域名(可选)

    如需通过公网访问网站,您需要绑定域名。

    1. 在应用编辑器中,依次单击左侧导航栏的开发 > 部署 > 域名管理。

    2. 单击绑定域名,输入您的域名。

      • 若为阿里云平台域名、且域名属于当前阿里云账号,系统将自动完成解析配置。

      • 若为其他服务商注册的域名或不属于当前阿里云账号的域名,需要您在相应域名注册商处添加DNS解析记录。详细操作,请参见域名管理。

      说明

      选择中国内地部署节点的网站,需要先完成ICP备案才能通过域名正常访问。

  3. 管理所有应用

    访问万小智工作台的应用管理页,可查看和管理您创建的所有应用。

    1. 在应用卡片上单击进入应用,即可继续编辑该应用。

    2. 在应用编辑器中,可通过左侧导航栏管理需求文档、代码、素材、域名、SEO 等。