将Vue移动端项目打包成手机app---HBuilder

 

 

 

将移动端页面打包成app

一、使用 HBuilder 直接编译打包

     点击左上角 文件》打开目录》选择目录  选择用Webpack打包好的dist文件目录

 

因为我添加到项目了，因此会显示该项目名称已存在，请从新输入。

二、接着点击完成，就能够在目录中看到dist

 

这里dist前面的标志应该是W  因为我转换过一次，就会显示A 

三、鼠标右键点击dist目录，选择`转换成移动App`，成功以后目录前面的图标就会变成 A 同时会多出一个 `manifest.json文件`

四、双击`manifest.json` 是可视化界面

五、填写基本信息 选中横竖屏等信息

 

能够选择图片等一系列信息

点击代码视图就能够看到代码界面了。

六、开始打包，咱们点击HBuilder头部导航栏的发行》云打包-打原生安装包

这里你能够选择ios或者android安装包

七、若是是安卓安装包则能够直接选择完以后开始打包

 

点击打包完了以后，能够查看打包状态，打包完毕能够点击下载安装包，就能够安装到本身手机上啦。这里推荐用爱思助手，不是广告，由于本身用iTools的时候 出现了安装不成功的问题，暂时没解决 可是用爱思助手就解决了。

八、如今咱们来看打包成ios的

很明显，这里打包ios安装包是须要 ios开发者证书==》AppID、私钥密码、profile文件、私钥证书。

若是你有ios开发者帐号，这是须要$99 购买一年的 美刀。购买了以后，能够登陆以后获取相应的证书以及密钥。

这里我重点讲一下，如何使用打包ios测试的，没有ios开发者帐号没有证书和私钥证书怎么办。

可使用 

免费苹果帐号（apple id）申请ios证书p12真机调试

详情见下一篇分析。