北京华网天下

微信开发者工具升级，小程序轻松构建为全功能 App，开启流量新大门

2024-07-31

来源：网络整理

用即用，小程序已经成为连接用户与服务的重要桥梁，无论是购物、出行还是娱乐，小程序都凭借便捷、高效赢得了用户的青睐。

小程序有边界吗？能拓展到APP吗？

微信开发者工具的最新升级针对这一问题提供了创新的解决方案，现在开发者可以轻松地将现有的小程序代码构建成功能齐全的应用，而无需从头开发，不仅节省了大量的人力和时间成本，也为小程序开发者打开了获取巨额应用流量的大门。

在本文中，我们将深入探讨微信开发者工具支持小程序应用化的五个步骤，分析其潜在价值，并通过实际案例展示这一过程的有效性。

背景：作为个人开发者，我想将小程序代码打造成iOS App，以下是整体流程，适合iOS开发/上线零基础的同学。

起源

某个周末，我突然有了一个想法，我还没做过应用，何不试试，好玩呢？

从头学还是很慢的，毕竟时间有限，好在之前学习过关于《高级：入门陈浩鹏李子涵》以及向助手请教了一些常见问题。

经过几轮交流，大约花了一个小时左右的时间，一个iOS Demo在模拟器上成功运行，还是挺有意思的。

但是功能有点简单，我几年前用 Vue 写过一个网站，到现在还在运行，同时我也懂编程，所以就向他抛出了一个问题。

你是一个开发，会 Vue 、iOS 开发（使用 SwiftUI 框架）两种语言，现在需要你根据 Vue 的代码重写为 iOS 代码，以下是 Vue 代码

作者是一个运维平台的产品，为了不忘记运维场景和技巧，自己维护了一个业务场景。开发语言：+Vue，部署架构：腾讯云CLB+TKE+ Mesh，运营体系：CLS+ +++++。

我很惊讶的发现它真的可以执行。

1.过渡：将小程序代码构建成iOS App测试包（1小时）

如果仅此而已，那么本文的标题应该是“GPT 如何将 Vue 重写成 App”。

万万没想到，两周后我从朋友那里得知，微信开发者工具可以直接将小程序代码构建到App中，就像一样，并且可以通过参数控制构建的程序是否运行在CPU架构上。

恰巧，几年前我用Vue开发网站的时候，也同时开发了同样的小程序。

很有趣。我花了 1 个小时按照文档构建了你的第一个应用程序，并在我的计算机上运行了该应用程序的测试版本。

这里要为多终端应用的产品和发展点赞

此时，我其实进入了对这款产品的第一个时刻。这真的很酷，因为我不需要花时间使用 GPT 来迁移 Vue 程序。我可以直接使用微信开发者工具将其构建为 App，而且交互完全一样。

另外记录一下搭建过程中遇到的两个问题

2. 构建官方包

谁不想在App里能搜索到自己开发的应用呢?第二步，建立正式的封装。

2.1 准备苹果开发者账号

在 Air 中安装它或者然后注册一个开发者账户

会员年费：688元

正常情况下，支付会员费后，第二天就会收到欢迎邮件，表示苹果开发者账号注册成功。

不幸的是，我注册的时候提示“未知错误，请重试”

找到客服反馈，最后回复说由于一个或多个原因，您无法完成注册。我们目前无法继续处理您的注册。

嗯，估计是被风控击中了，就找了家人的账号注册，成功了

2.2 生成身份证/证书/

生成App备案和构建官方包所需的ID/证书/。

生成 ID

ID是用来标识你的应用的唯一标识，一般是域名的反写格式，比如com.。在开发发布应用的时候，你需要在苹果的开发者账户中注册一个ID，这样苹果的服务才能识别你的应用。

请参阅文档来生成 ID。

生成证书/

证书用于确认开发者的身份，确保应用程序是由注册的开发者发布的。开发者需要向苹果开发者中心申请证书来对应用程序进行签名，以便iOS设备信任并运行该应用程序。

配置文件 ( ) 是一个包含证书、应用程序 ID、设备 ID 和其他信息的文件，这些信息告知 iOS 设备可以安装和运行应用程序。配置文件将应用程序、开发人员和设备联系起来，控制哪些设备可以安装和运行您的应用程序。

附加信息：创建证书签名请求

有关详细信息，请参阅 PKI。

2.3 记录保存（10天以上）

如果一款应用没有备案，那么它将无法在中国大陆使用。这是苹果官方的说法。

中国工业和信息化部 (MIIT) 要求应用必须拥有有效的互联网信息服务提供商 (ICP) 备案号。了解详情

其实备案比较简单，参考App备案，使用上一节申请的ID和证书（公钥和签名MD5值）即可，不需要在备案前完成App的开发。

备案流程最多需要20个工作日，我用了10个工作日，周五下午就收到了工信部发来的短信，确认备案已获批准。

2.4 创建移动应用程序

移动端应用的目的是为了让App能够使用微信的能力（比如分享到朋友圈或者发给好友，微信登录/支付等）。 ID 和会同时注册在移动端应用中，并会传递给接下来的多端框架。这是构建正式包（使用苹果的分发证书）的前提条件。

先介绍一下，当用户用手机访问你的网站，并且安装了App之后，可以在网站顶部快速跳转到App，具体可以参考苹果官方文档。

你需要有一个网站，可以把以后要用到的 -app-site- 文件放在那里。不过对我来说，这个功能似乎用处不大。我更需要的是引导用户在访问网站时安装 App。

这里有一个关键信息，如果你不需要微信支付/微信登录/微信卡和优惠券能力，则不需要做开发者认证（开发者认证不能是个人实体）

访问微信开放平台，创建一个移动应用，提交审核，几个小时就能审核通过。

2.5 绑定多终端框架

在开发平台中将多端应用绑定到上一步创建的移动应用上，这样在移动应用中注册的ID和应用才可以使用，官方这样做比较合理，关键信息必须经过移动应用的人工审核，才能施加一定的约束。

绑定后，您可以在多个应用中看到该ID。

2.6 准备App Icon及其他素材

个人开发的小程序有哪些_自己开发程序_开发程序赚钱吗

先使用工具为你的App设计一个X图标，然后在App Icon上生成所有规格的图标，然后在..json中进行配置。

启动图像

一个应用的启动通常需要 2 到 4 秒，如果没有启动图，而是白屏，用户会有些慌乱，不知道当前应用是否启动，启动图就是为了解决这个问题，在启动图中传达应用的价值主张。

我直接用了设计图，分辨率是x，也就是目前最兼容6.7寸（15 Pro Max/15 Plus/14 Pro Max）手机的分辨率。

考虑到不同机型启动镜像的兼容性，如果使用开发，苹果官方建议使用

隐私信息访问权限说明

小程序虽然没有用到摄像头、麦克风等权限，但是这些权限都包含在多端SDK中（应用市场FAQ详见官方文档），所以一定要提前声明，否则上传包后会收到苹果不合规的邮件。

以下是苹果在邮件中定义的隐私信息访问权限的描述，应该是最基本的，可以粘贴到你的.json文件中（用编辑器打开）。

{ "privateDescriptions": { "NSBluetoothPeripheralUsageDescription": "为了提供完整的功能，我们的应用程序需要访问蓝牙外设。这将用于与其他设备进行通信和数据交换。我们承诺保护用户隐私和数据安全。", "NSMicrophoneUsageDescription": "为了提供完整的功能，我们的应用程序需要访问麦克风。这将用于录制音频和进行语音交互。我们承诺保护用户隐私和数据安全。", "NSCalendarsUsageDescription": "为了提供完整的功能，我们的应用程序需要访问日历。这将用于提醒和日程管理。我们承诺保护用户隐私和数据安全。", "NSLocationAlwaysAndWhenInUseUsageDescription": "","NSBluetoothAlwaysUsageDescription":" 为了提供完整的功能，我们的应用程序需要始终访问蓝牙外设。这将用于与其他设备进行通信和数据交换。我们承诺保护用户隐私和数据安全。","NSPhotoLibraryUsageDescription":" 为了提供完整的功能，我们的应用程序需要始终访问相册。这将用于 IP 查询时显示 ISP 的图标。我们承诺保护用户隐私和数据安全。","NSCameraUsageDescription":" 为了提供完整的功能，我们的应用程序需要访问摄像头。这将用于录制视频。我们承诺保护用户隐私和数据安全。","NSLocationWhenInUseUsageDescription":" 为了提供完整的功能，我们的应用程序需要在使用时访问位置信息。这将用于提供定位服务和相关功能。我们承诺保护用户隐私和数据安全。" } }