一、多端应用介绍

当你的业务，需要为用户同时提供小程序、Android 应用、iOS 应用等不同的形态，但业务功能基本一致。有 3 种方案：

1. 分别开发小程序、Android 应用、iOS 应用，同时维护 3 套及以上代码，业务更新时需要同时更新所有代码。
2. 只使用一套代码，可以自动编译成不同环境中的客户端应用。
3. 只开发 web 页面，各个平台客户端只套一层壳，内嵌 webview 来提供服务。

当开发资源有限，又想为用户提供近似原生的体验，我们普遍会选择第 2 个方案。目前市面上有很多种「多端应用」方案和框架，本质上都是在各环境上层维护一套组件和 API 系统，然后再编译到各个环境专用代码包，达到一套代码统一多端的目的。

「小程序多端能力」支持开发者直接用微信开发者工具，将开发的微信小程序，直接编译为 Android 及 iOS 应用，帮助开发者降低多端应用开发技术门槛和研发成本，提升开发效率和开发体验。

如你的业务已有微信小程序，可以不需要专门投入人力开发 App，直接用「小程序多端能力」，就能实现一套小程序代码拥有 Android 及 iOS 应用。TA 的亮点有：

1. 极致的低门槛。使用微信开发者工具，基于已有的小程序项目，一键即可构建出 Android 与 iOS 应用。
2. 一致的开发体验。支持使用小程序原生语法开发多端应用，支持在微信开发者工具调试、构建多端应用，与开发小程序保持一致开发体验。
3. 完善的工具链与生态服务。微信开发者工具覆盖了多端应用开发、编译、调试、内测分发等完善工具链，并且多端框架内置支持小程序生态服务和腾讯生态服务，一站式为开发者提供全开发生命周期所需的工具与服务。
4. 优秀的用户体验。基于小程序多端框架构建的 Android 与 iOS 应用 可获得媲美原生的交互体验，为用户提供高质量优秀的用户体验。
5. 海量开发者验证。成熟的小程序容器技术与产品方案，经海量的开发者和小程序应用的验证，成熟稳定可靠。

当你尝试使用「小程序多端能力」时，需要阅读如下注意事项：

1. 支持使用原生语法开发、其他第三方开发框架开发的微信小程序，构建为多端应用小程序。
2. 使用小程序多端能力与微信开发者工具的开发、编译、调试、预览等基础版功能永久免费，可放心使用。
3. 云构建安装包需消耗较多资源，平台已提供基础发布与更新所需的免费次数，如果有高构建次数要求可以升级至专业版。

当前已有较多开发者工具基于「小程序多端能力」上架移动应用，如果你想参考可以查看用户成功案例。

二、准备开发

为了顺利的完成整个多端应用开发体验过程，需要提前做一些准备：

首先需要明确的是，小程序转多端应用的过程，需要使用电脑在「微信开发者工具」完成相关操作，并不是直接在手机里操作就能完成。

1.在电脑端安装微信开发者工具（开发版 ≥ 1.06.2306272，建议使用最新），我们在这里集成了多端应用开发所需要用到的全部工具。打开开发者工具后，使用自己的微信号登录。

2.准备一个微信小程序，这里建议直接使用自己意向转为多端应用的小程序，需要注意的是「测试号」不支持。

3.准备一个项目，如果你已有开发完成的项目，可以直接用自己的项目。如果没有现成的，可以使用我们提供的小程序样例，在本课程中我们将用样例做演示，你可以跟着操作，完成学习后再来操作你自己的项目。

a.你如果使用样例项目，需要先按照项目 Readme 中，部署步骤「服务器方案」做初始化，如实施中有疑问可以在项目中提 issue。

b.在样例项目中，入门课程使用的是「服务器方案」，进阶课程会拓展「微信云开发方案」和「微信云托管方案」。

4.此外，如果你的 App 用到了微信开放能力，如微信登录、微信分享、微信支付等等，你还需要在「微信开放平台」，注册一个「移动应用」账号。如果你之前已经申请过「移动应用」，则可以在后续课程直接使用。如你未注册，或注册的「移动应用」和「小程序」不同主体，则在后续课程中会为你提供快速注册方式，你不需要提前完成这一步骤。

三、准备测试

当我们通过「小程序多端能力」将微信小程序编译构建为 Android 及 iOS 应用，需使用真机测试最终的运行效果，因此在这一小节可以完成真机调试，方便后面的课程直接能用。

方式一：移动应用助手（适用于 Android）

这是一个适用于 Android 手机的应用快速预览器，可以通过其运行你的多端项目，快速预览效果。

方式二：连接真机（适用于 Android 和 iOS）

我们会在后面的教程中用这个方式来演示，将手机通过 USB 数据线连接到安装有「微信开发者工具」的电脑上。

●Android 手机，需要开启开发者选项和 USB 调试模式 方能自由安装开发版本的 App。（通常开启方式：在关于手机连续点击7次版本号，不同手机的开启方式不同，需要自行搜索下）

●iPhone ，需要在连接时点击「信任」此电脑，连接 Mac 电脑时还需要「允许」配件连接；连接 Windows 电脑需要先安装 iTunes 和 iCloud。

更多操作步骤和细节参考文档。

方式三：运行于模拟器（适用于 Android 和 iOS）

如果你没有特定系统手机，可以选择在电脑端直接安装模拟器来运行多端应用。

● Android 模拟器：可以通过 Android Studio 安装，也可以安装市面上其他模拟器，参考文档。

● iOS 模拟器：Mac 电脑通过 Xcode 来安装模拟器，Windows 系统不支持 iOS 模拟器，参考文档。