创建你的第一个小程序

更新时间:
复制为 MD 格式

万小智2.0支持通过自然语言对话生成微信小程序。输入需求描述后,万小智会自动生成产品需求文档(PRD)并构建小程序应用。应用生成后,可以将其发布为微信小程序,供用户扫码访问。本文介绍如何创建、预览、编辑、发布和管理小程序应用。

步骤一:进入小程序模式

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

  2. 在对话输入框上方,单击小程序应用,切换到小程序生成模式。

image

步骤二:描述您的小程序需求

  1. 在对话输入框中用自然语言描述你想要的小程序,例如“帮我搭建一个待办事项小程序”。

    说明

    你的描述越详细,万小智生成的结果越精准。

  2. 万小智会询问更多细节,如小程序类型、目标用户等。

  3. 请根据万小智的提问进行回复,也可以点击一键生成方案跳过后续追问。

    说明

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

image

步骤三:确认需求文档并生成应用

  1. 万小智根据对话自动生成产品需求文档(PRD),包含项目概述、核心功能、交互设计、页面结构、视觉策略等内容。

  2. 查看 PRD 内容。如需修改,可以点击编辑文档进行调整。

  3. 确认无误后,点击立即生成应用开始构建。

    说明

    点击后系统开始构建应用,页面显示构建进度条,请耐心等待。

image

步骤四:预览与编辑小程序

小程序生成完成后,页面顶部会出现管理预览编辑三个标签页,默认进入预览模式。

预览小程序

预览模式下,右侧展示小程序的手机端预览效果。

  • 切换页面:单击上方的下拉框可切换不同页面进行查看。

  • 手机预览:单击右下角的二维码卡片,可绑定微信小程序账号;绑定后可扫码在移动端预览体验版小程序。

    • 如果已有小程序账号,选择已有小程序账号进行授权绑定。

    • 如果没有小程序账号,点击去注册前往微信小程序平台注册。

image

编辑小程序

  1. 点击顶部编辑标签页进入编辑模式。

  2. 编辑小程序有两种方式:

    • 可视化编辑:直接在预览界面中单击需要修改的元素,可进行修改文本、替换图片等。

    • AI 对话编辑:在左侧对话框中继续输入指令,让 AI 修改小程序内容,例如“帮我把主题色换成绿色”。

  3. 编辑完成后,点击预览标签页可切换回预览模式查看效果。

image

说明

如果需要发布为正式版小程序,需要先购买实例。单击页面右上角的购买并发布按钮可查看版本详情。

步骤五:发布小程序

  1. 单击发布按钮,系统将进行发布前检测,请根据指引完成小程序账号绑定和相关设置:

    • 绑定小程序账号:使用小程序管理员微信扫码授权。

      说明

      若提示授权失败,请检查该小程序是否已授权给其他万小智应用或第三方服务商。如需重新授权,请先前往“微信小程序平台”解除原有授权。

    • 设置隐私政策:单击隐私政策设置,按要求准确填写相关合规信息。

    • 小程序备案:若小程序未完成备案,发布后将无法被搜索,仅支持“成员管理”列表中的微信用户调试使用。完成备案后,即可自动解除此限制。

    image

  2. 确认授权与配置信息无误后,单击立即发布。发布过程中将显示加载提示,请耐心等待。

    image

  3. 发布后,将进入小程序审核状态,页面将显示小程序的缩略图、二维码、名称、版本号及当前审核状态。

    image

    后续若需发布新版本,可点击页面右上角的更新按钮重新发起发布流程。

常见问题

微信授权失败怎么办?

请确认以下事项:

  • 用于扫码的微信号是否为小程序开发者身份。

  • 该小程序是否已授权给其他服务商。

如果小程序已授权给其他服务商,需要进入微信小程序平台解除授权后,再重新操作。

如何解除小程序授权?

进入微信小程序平台,在授权管理中找到万小智的授权记录并解除。解除授权后,可以重新进行授权操作。