如何使用HbuilderX开发一个web app呢？

title: 如何开发一个web app呢？ date: 2021-12-16 categories: frontend tags:

简介：我们需要使用前后端分离的技术开发原生安卓应用

打包出来的文件如下图所示：

在此，我们需要下载HbuilderX，然后在HbuilderX新建一个项目，记作test：

这时候我们会得到一个项目test，然后在test项目中，我们需要删除除了manifest.json和unpackage文件的其他文件

将原先web的打包文件放到文件夹中：

在这里，我们需要注意一点：

不要将原先web打包文件的manifest.json文件覆盖掉HBuilderX的manifest.json文件！

我们打开安卓模拟器，或者真机运行，然后打开：

选择第一个选项，这样我们就可以在真机或者安卓模拟器看我们的webApp了

注意：如果你在该环境下运行的文件是空白页，那么你需要这样解决：

你可以在manifest.json文件中更改你的设置项，比如app图标，开屏图片【必须为png格式】

右键，选择【发行】-【原生app-云打包】

变更下列红色部分至与图片一致：

静等十分钟左右，就可以得到apk文件了