地址

2.3.6

Taro是一款基于Taro框架构建的多平台UI组件库。该组件库支持微信小程序、支付宝小程序、百度小程序以及H5多端运行，尽管某些平台暂未提供支持。然而，使用该组件库需要掌握Taro的编译工具。

借助Taro，我们仅需编写一套代码，随后利用Taro的编译器，便能够将此源代码转化为适用于微信小程序、H5以及 等多个平台运行的独立代码。

地址

2.3.7

该组件库系依托于微信小程序的自定义组件功能精心打造，具备简洁、便捷、高效的特点，应用范围广泛，不仅兼容小程序原生框架，还涵盖了众多主流的小程序组件开发框架。

三、创建一个UNI-APP项目

接下来，需着手搭建一个uni-app项目。您可从官方网站下载uni-app的开发工具，并完成安装步骤。安装完毕后，使用“新建项目”功能，即可启动uni-app项目的创建。在此过程中，务必选择小程序作为开发平台，并准确填写之前获取的项目名称及相关信息。

① 配置.json文件，配置微信小程序。

微信小程序的来源是哪里呢？只需登录微信公众平台，进入开发管理界面，然后点击开发设置即可。

或者通过申请测试号生成微信小程序测试。

使用微信小程序时，必须设置好开发者工具的路径，这样才能明确微信开发者工具的打开位置。

配置完成之后，还需进行微信开发者工具的设置，否则程序将无法正常运行。

开启微信开发者工具中的服务端口：

四、进行调试 4.1 启动微信开发者工具

完成前两个步骤后，即可启动微信开发者工具进行调试操作。需在微信开发者工具里点击“小程序开发”这一选项，随后在之前建立的UNI-APP项目根目录中进行调试设置。

4.2 调试UNI-APP页面

微信开发者工具的左侧界面支持文件的编辑与存储操作。同时，每当uni-app页面的代码发生变动，开发者工具便会自动执行更新。另外，用户还可以在界面的右上角找到“真机调试”选项，在此处选择所需调试的设备型号及网络配置等相关信息。

4.3 调试uni-app组件

在uni-app页面上对组件进行调试时，有几个要点需留意。首先，调试组件代码时，可以利用平台提供的一系列工具，比如通过“编辑组件”功能即可轻松进入编辑界面。其次，当使用vue组件时，必须关注组件名称的大小写规范。这是因为微信小程序仅接受小写字母作为组件名称的标识。

五、微信小程序发布准备

截至目前，我相信大家对小程序的基础开发知识已经掌握得相当熟练了，接下来，小程序即将上线，我们究竟需要准备哪些相关材料呢？

5.1 配置小程序关联信息(微信公众号关联小程序)

为什么要说配置小程序关联公众号呢？

在项目开发阶段，曾有一位客户咨询如何获取用户信息，然而，我们的小程序并未与任何公众号或公众平台建立连接，因此，我们需提前核实其具体需求。

获取 的条件？

若开发者管理着多款移动端应用、网络端应用以及公共账号（含小程序），则能够利用特定方式来识别用户的个体性，这是因为只要这些应用、网站和公共账号（含小程序）均隶属于同一微信开放平台账号，用户的标识信息便具有唯一性。换言之，对于同一用户，在微信开放平台的不同应用中，其身份信息保持一致。

5.2 配置小程序主体信息

为什么要提前配置小程序主体信息呢？ 看下图

这截图展示的是我们已成功上线的某款小程序，自小程序正式发布以来，非个人账户有资格通过认证程序进行名称变更。鉴于此，我们决定在上线之前，将所有可设置的参数都提前调整到位，以免日后面临审核周期延长、所需材料繁杂等不便之处。

5.3 配置服务器域名

在开发阶段，我们确实能够利用IP地址来访问后端的大哥API，但一旦项目上线，这种方法便不再适用；这是因为每个微信小程序都必须预先配置通讯域名，且小程序只能与特定域名进行网络交互。这涵盖了诸如普通请求（如wx.）、文件上传（如wx.）、文件下载（如wx.）以及通信（如wx.）等多种操作。

5.4 发布上线流程

说到这里，不经意间，我们的应用程序即将投入使用，我将分阶段为大家进行演示。

① 点击 工具栏中的发行

这一过程将协助我们对编写的代码进行打包，同时减小其文件体积。由于微信小程序的代码包上限仅为2MB，若主包文件过大，我们便需考虑采用分包的方式来处理。

②点击微信开发者工具中的 上传 按钮.。

此刻，我们应前往微信公众平台，登录我们的小程序开发者账号，并查看该小程序的体验版本。

在此环节，我们必须留意，目前这款体验版小程序已具备进行真实设备测试的能力，供测试人员使用。

④ 终于到了申请提交审核，正式发布

这一过程并不复杂，只需直接提交审核申请，然而在此之后，我们还需输入一些信息，以便审核人员能够进行测试。

点击“继续提交”按钮，对于首次提交的用户，需对用户隐私保护指引的设置进行确认。

若系首次进行审核流程，请注意，此页面之前设有关于资质复用或资质录入的界面，只需稍加关注即可，随后完成提交审核步骤，耐心等待审核结果通过即可。

审核时间多久呢？

这段审核过程大约持续30分钟至一天不等，我首次进行审核时耗时约一小时，而后续每次仅需30分钟，效率相当高！

六、注意事项

在使用uni-app进行小程序开发过程中，需留意其与APP及网页开发在语法上的不同之处。

<uni-forms-item label="" name="name" style=该样式规则指定了元素应采用弹性布局，并确保其子元素在垂直方向上居中对齐。>

七、总结

开发微信小程序时，运用UNI-APP工具进行调试至关重要。借助上述步骤，我们能够迅速且高效地完成代码编写与调试，确保项目顺利进行。同时，作为开发者，持续学习新技术、掌握更多开发技巧是必不可少的，这样才能更有力地促进软件行业的进步。