Uni app开发微信小程序

介绍

Uni-app是一个用于开发所有前端App的框架。开发者可以编写一组代码，可以发布到iOS、Android、Web（响应式）、各种小程序（微信/支付宝/百度/头条/QQ/拼贴/淘宝）、快速App和其他平台。

快速入门

HBuilderX可视化界面

开发人员需要首先下载并安装以下工具

HBuilderX：

创建uni应用

单击工具栏中的文件->新建->项目：

[图像上载失败…（Image-b8ba18-1654073369201）]

选择uni-app类型，输入项目名称，选择模板，然后单击“创建”以成功创建它。

[图像上载失败…（图像cd9257-1654073369201）]

运行uniApp

提示：如果是第一次使用它，您需要配置开发工具的相关路径。单击工具栏上的运行->运行到小程序模拟器->运行设置以配置相应小程序开发工具的路径。

在微信开发者工具中运行：进入hello uniapp项目，单击工具栏上的“运行”->“运行到小程序模拟器”->“微信开发者”工具，您可以在微信开发工具中体验uniapp。

[图像上载失败…（Image-212942-1654073369201）]

注意：如果是第一次使用，您需要配置applet ide的相关路径才能成功运行。如下图所示，您需要在输入框中输入微信开发者工具的安装路径。如果HBuilderX无法正常启动微信开发者工具，开发者需要手动启动它，然后将uni app的路径复制到微信开发工具中，以生成小程序项目。如果你在HBuilderX中开发，你可以在微信开发者工具中看到实时效果。

默认情况下，uniApp将项目编译到根目录的unpacage目录。

发布uni应用

打包为微信小程序

要申请微信小程序AppID，请参阅。

在HBuilderX的顶部菜单中，单击“发布”=>“小程序-微信”，输入小程序的名称和appid，然后单击发布以在unpackage/dist/build/mp weixin中生成微信小程序项目代码。

[图像上载失败…（Image-360d73-1654073369201）]

在微信小程序开发工具中，导入生成的微信小App项目。测试项目代码正常运行后，单击“上传”按钮，然后单击“提交供审核”=>“发布”小程序的标准流程可以逐步操作。有关详细信息，请参见：。