全部产品
Search
文档中心

SuperApp:快速开发 UniApp 小程序

更新时间:Sep 19, 2025

本文介绍快速开发 UniApp 小程序的完整流程。

1. 前提条件

在开始开发前,请确保已完成以下准备工作:

说明
  • WindVane 小程序的运行依赖于已集成小程序容器的 Native App。

  • 在开发小程序前,请确保已创建并配置至少一个 App 作为小程序的发布载体。

  • 创建 UniApp 小程序前,请先在「App 设置」中启用 UniApp 框架。

2. 开发流程

UniApp 小程序的完整开发流程涉及两个角色:Native App 开发者和 UniApp 小程序开发者。本文主要面向 UniApp 小程序开发者,介绍从项目创建到上线发布的全流程。

角色

职责

Native App 开发者

负责在原生 App 中集成 SuperApp 解决方案(如小程序容器)

UniApp 小程序开发者

负责使用脚手架工具快速创建项目,并完成小程序的开发、调试与发布

基本操作流程如下:

yuque_diagram (7)

3. 详细步骤

步骤 1:创建应用

登录 SuperApp 应用开放平台,创建一个新的应用并获取应用 ID,该 ID 用于后续在 UniApp 小程序中配置,完成配置后,您的小程序将接入 SuperApp,随后可通过应用开放平台打包构建、发布小程序。详情请参见 创建应用

image

步骤 2:安装并配置插件

离线安装 HBuilderX 插件,安装并配置完成后,在 HBuilderX 内发布 UniApp 小程序的同时,系统可以同步产物至应用开放平台。详细操作请参见:安装并配置插件

image..png

步骤 3:调试

运行 UniApp 后,点击右上角的image或调试的 checkbox 开始调试项目。详细操作请参见:调试

HBuilder5

步骤 4:打包构建并发布

调试完成后,可以将 UniApp 工程打包成 UniApp 小程序并同步至应用开放平台,也可将本地构建成功的 UniApp 小程序直接同步至应用开放平台,也可打包成 Native App 并同时集成小程序容器。详细操作请参见: 打包构建并发布

image

步骤 5:灰度发布

在应用开放平台,对已审批通过的应用,创建灰度发布。详细操作请参见发布版本image

步骤 6:发布小程序

在应用开放平台,上线已完成灰度的应用。详细操作请参见发布版本

image

步骤 7:预览小程序

小程序发布完成后,会生成一个小程序二维码,使用 SuperApp 的扫码功能扫描该二维码即可预览小程序。

image

更多

关于 UniApp 更详细的介绍,请参见:UniApp 官方文档