BUI是一款基于Vue.js的UI框架，提供了一套完整的组件库和工具集，适用于Web端和移动端开发。在移动端，我们可以使用BUI来快速开发Hybrid应用，而打包成app则是其中一个重要的步骤。下面我将介绍BUI打包成app的原理和详细步骤。
## 打包成app的原理
打包成app的原理就是将我们的Hybrid应用打包成原生应用，使得我们可以在手机上直接安装和使用，而不需要通过浏览器访问。这样做的好处是可以提高应用的运行速度和用户体验，同时也可以在应用商店中发布。
在BUI中，我们可以使用一些打包工具来将我们的应用打包成app，比如Cordova和HBuilder等。这些工具都提供了一些API和插件，用于访问设备硬件和操作系统功能，比如相机、地理位置、推送通知等等。同时，它们也提供了一些打包配置文件，用于配置应用的图标、启动画面、权限等等。
## 打包成app的步骤
下面我将介绍使用HBuilder将BUI应用打包成app的详细步骤。
### 第一步：创建项目
首先我们需要在HBuilder中创建一个移动应用项目，选择“Hybrid App”类型，然后选择“BUI”模板。这样会自动创建一个包含BUI框架和一些示例页面的项目。
### 第二步：修改应用信息
接下来我们需要修改应用的一些信息，比如应用名称、包名、版本号等等。这些信息可以在“manifest.json”文件中进行修改。
### 第三步：配置打包设置
在HBuilder中，我们可以通过“发行”菜单中的“设置”选项来配置打包设置。这包括应用图标、启动画面、签名证书等等。其中，签名证书用于保证应用的安全性，可以使用自己的证书或者使用HBuilder提供的默认证书。
### 第四步：添加插件
如果我们需要使用设备硬件或操作系统功能，比如相机、地理位置、推送通知等等，就需要添加相应的插件。在HBuilder中，我们可以通过“发行”菜单中的“插件管理”选项来添加插件。这些插件可以从插件市场中下载，也可以手动添加。
### 第五步：打包成app
最后，我们可以通过“发行”菜单中的“原生APP”选项来打包成app。在打包过程中，HBuilder会自动将我们的应用打包成原生应用，并生成相应的安装包和签名文件。如果我们需要发布到应用商店中，还需要进行相应的签名和审核等流程。
## 总结
BUI是一款非常实用的UI框架，适用于Web端和移动端开发。在移动端，我们可以使用BUI来快速开发Hybrid应用，并通过打包工具将其打包成原生应用。这样做可以提高应用的运行速度和用户体验，同时也可以在应用商店中发布，让更多的用户使用我们的应用。
