本文介绍快速开发 UniApp 小程序的完整流程。
1. 前提条件
在开始开发前,请确保已完成以下准备工作:
已有一个 Native App。
Native App 已接入小程序容器:
Android 端接入操作,详情请参见:Android端接入操作。
iOS 端接入操作,详情请参见:IOS端接入操作。
WindVane 小程序的运行依赖于已集成小程序容器的 Native App。
在开发小程序前,请确保已创建并配置至少一个 App 作为小程序的发布载体。
创建 UniApp 小程序前,请先在「App 设置」中启用 UniApp 框架。
2. 开发流程
UniApp 小程序的完整开发流程涉及两个角色:Native App 开发者和 UniApp 小程序开发者。本文主要面向 UniApp 小程序开发者,介绍从项目创建到上线发布的全流程。
角色 | 职责 |
Native App 开发者 | 负责在原生 App 中集成 SuperApp 解决方案(如小程序容器) |
UniApp 小程序开发者 | 负责使用脚手架工具快速创建项目,并完成小程序的开发、调试与发布 |
基本操作流程如下:

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

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

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

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

步骤 5:灰度发布
在应用开放平台,对已审批通过的应用,创建灰度发布。详细操作请参见发布版本。
步骤 6:发布小程序
在应用开放平台,上线已完成灰度的应用。详细操作请参见发布版本。

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

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