uni-app HBuilder X 4.28版本 h5+应用制作不了wgt包

HBuilderX 4.29.2024093009 已修复。

在uni-app中，使用HBuilder X进行h5+应用的开发时，制作wgt（Widget）包通常是针对5+ App（即DCloud的HTML5+ Runtime环境）而言的，而不是纯H5应用。如果你的项目是基于5+ App框架开发的，制作wgt包是一个常见的需求，用于应用的热更新或者分发。然而，如果你的项目是一个纯H5项目，那么它本身并不需要生成wgt包。

以下是一个基于uni-app和HBuilder X制作wgt包的步骤和代码示例，假设你已经有一个5+ App项目：

1. 确保项目配置正确：

   在你的manifest.json文件中，确保app-plus部分已经正确配置，比如id、name、version等字段。

{
  "mp-weixin": {},
  "app-plus": {
    "name": "你的应用名称",
    "id": "com.example.yourapp",
    "version": {
      "name": "1.0.0",
      "code": "100"
    }
  }
}

1. 打包应用：

   在HBuilder X中，打开你的项目，点击顶部菜单的发行 -> 网站-H5或者原生App-云打包（如果你需要打包成原生应用）。但是，为了制作wgt包，你应该选择原生App-本地打包 -> 制作离线wgt包。

2. 生成wgt包：

   选择制作离线wgt包后，HBuilder X会自动编译你的项目并生成一个.wgt文件。这个文件通常位于你的项目目录下的unpackage/dist/build/app中（路径可能因版本而异）。

3. 验证wgt包：

   你可以将这个wgt包上传到你的服务器或者通过其他方式分发给你的用户。在5+ App环境中，你可以通过调用plus.runtime.install方法来安装这个wgt包，实现应用的更新。

// 示例代码：安装wgt包
function installWgt(wgtUrl) {
    plus.runtime.install(wgtUrl, {}, function(e) {
        if (e.code == 0) {
            console.log('安装成功');
        } else {
            console.error('安装失败：' + e.message);
        }
    });
}

// 调用示例
var wgtUrl = 'http://yourserver.com/path/to/yourapp.wgt';
installWgt(wgtUrl);

请注意，以上代码和步骤假设你的项目是基于5+ App框架开发的。如果你的项目是一个纯H5项目，并且你正在尝试制作wgt包，那么你可能需要重新审视你的项目类型和目标平台，因为纯H5项目并不需要wgt包。如果你的目标是生成一个可以在浏览器中运行的H5应用，那么你应该关注如何优化你的代码和资源，而不是制作wgt包。