浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑

下面是针对“浅谈vue项目利用Hbuilder打包成APP流程，以及遇到的坑”的完整攻略。

标题

第一步：Hbuilder安装与使用

1. 在Hbuilder官网中下载对应系统的Hbuilder软件
2. 去Hbuilder的官方文档中找打包流程并根据官方文档进行打包操作
3. 打包完成之后，在运行的手机或者模拟器上测试APP的效果，确保APP在打包过程中没有出现问题

第二步：解决遇到的各种坑

1. ios打包的问题

首先确保自己的MAC电脑已经安装了Xcode6以上的版本，并保证在ipad/iphone真机上没有问题。然后再去Hbuilder的官方文档中找到对应的问题解决方案。如果还出现问题，可以尝试查看Xcode的错误日志，进行问题排除。

1. 安卓打包的问题

在安装好Hbuilder软件之后，需要安装安卓开发环境。首先确保你的电脑已经安装了java的环境以及android sdk。然后根据Hbuilder的官方文档进行操作即可。如果出现问题也可以先查看错误日志并按照提示进行排除。

示例说明

示例一：ios打包遇到了问题

假设你在打包ios的时候出现了一个问题，_Malformed版本字符串读取数据-:行1:字符104 (错误提示)。那么你可以去查看Xcode的错误日志，根据错误提示，找到对应的位置进行修改，比如修改对应的版本号等。

示例二：安卓打包遇到了问题

假设你在安卓打包的时候出现了一个问题，[ERROR:JobService] Error processing job my.job.id: org.json.JSONException: Value of type java.lang.String cannot be converted to JSONObject (错误提示)。那么你可以先去官方文档中找对应的问题解决方案，或者去只使用了该插件的github issue中找对应的解决方案，比如在这里github找到的解决方案是先删除掉build.gradle文件中的PLUG版本再进行编译。