将Vue移动端项目打包成手机app---HBuilder
将移动端页面打包成app
1、使用 HBuilder 直接编译打包
点击左上角 文件》打开目录》选择目录 选择用Webpack打包好的dist文件目录
由于我添加到项目了，所以会显示该项目名称已存在，请重新输入。
2、接着点击完成，就可以在目录中看到dist
这里dist前面的标志应该是W 由于我转换过一次，就会显示A
3、鼠标右键点击dist目录，选择`转换成移动App`，成功之后目录前面的图标就会变成 A 同时会多出一个 `manifest.json文件`
4、双击`manifest.json` 是可视化界面
5、填写基本信息 选中横竖屏等信息
可以选择图片等一系列信息
点击代码视图就可以看到代码界面了。
6、开始打包，我们点击HBuilder头部导航栏的发行》云打包-打原生安装包
这里你可以选择ios或者android安装包
7、如果是安卓安装包则可以直接选择完之后开始打包
点击打包完了之后，可以查看打包状态，打包完毕可以点击下载安装包，就可以安装到自己手机上啦。这里推荐用爱思助手，不是广告，因为自己用iTools的时候 出现了安装不成功的问题，暂时没解决 但是用爱思助手就解决了。
8、现在我们来看打包成ios的
很明显，这里打包ios安装包是需要 ios开发者证书==》AppID、私钥密码、profile文件、私钥证书。
如果你有ios开发者账号，这是需要$99 购买一年的 美刀。购买了之后，可以登录之后获取相应的证书以及密钥。
这里我重点讲一下，如何使用打包ios测试的，没有ios开发者账号没有证书和私钥证书怎么办。
可以使用
免费苹果账号（apple id）申请ios证书p12真机调试
HBuilder可以直接打包越狱版的ipa包，但需要越狱手机才能安装，如果需要安装到没越狱的手机安装，需要自己申请ios证书打包。
一般是需要一个付费了的苹果开发者账号才能申请ios证书打包。
这里介绍用普通的没有付费的苹果账号（apple id），直接申请ios证书p12，打包安装到没有越狱的手机真机调试，完全免费。
当然如果要上架App Store还是需要注册一个付费的苹果开发者账号。
申请ios证书打包ipa测试分五步进行
1.申请一个苹果账号
2.申请ios测试证书（p12）
3.申请ios描述文件（mobileprovision）
4.打包ipa
5.安装ipa
一、申请苹果账号
1、点击苹果id注册地址，输入相关信息注册，如果已经有苹果账号（apple id）请看第二步，还需要登录下苹果开发者中心，同意下协议，
https://appleid.apple.com/account?localang=zh_CN
2、注册成功了，或者有苹果账号了，登录苹果开发者中心
https://developer.apple.com/account
如果你第一次登陆苹果开发者中心，会有个协议，打钩同意协议，点击Submit提交。
如果之前登录过，同意过协议，没有付费的苹果账号直接登录到这个界面
或者提交申请了开发者账号，没有付费688或者付费了没有生效的账号是这样的。
看到了以上界面，就可以登录Appuploader，创建ios测试证书了。
二、申请ios测试证书（p12）
这里使用Appuploader软件去申请ios证书p12，可以直接在Windows申请ios证书，不需要苹果电脑。免费！
1、打开Appuploader，用普通苹果账号登录，
出现这个提示意思是只能申请iOS开发证书用于测试，不能上传ipa不能上架，上架需要付费688的开发账号。
2、选择证书功能模块
3、点击右下角+ADD，选择iOS开发证书（注意：免费账号只能申请iOS开发证书而且只能申请一个，其他都不行，需要付费账号），输入名称（英文随意）、邮箱（随意）、
私钥密码（后面打包ipa时要用到，123之类密码的就行，记好）
如果账号已经有一个iOS开发证书了，将申请报错，可以删除掉再申请，或者直接用这个已经申请的。
4、申请到了，点击p12文件下载保存.p12 证书文件到电脑。
三、申请ios描述文件（mobileprovision）
1、返回软件，选择描述文件
2、点击右下角+ADD，先选择添加应用id、编写appid，格式是com.com.com这样子的，中间有两个点，比如app名字叫淘宝，可以编为com.app.taobao，好记就行了，随便编。
注意：添加appid只要不报错就算添加成功了直接到下一步骤、没有其他提示，后面会自动出现，不用重复添加，重复添加一样的应用id将报错，
3、下一步添加用来测试的手机了，先获取UUID。
苹果手机助手获取UDID
如爱思助手，电脑下载爱思助手，连上苹果手机，设备信息里面那个设备标识就是udid。
获取到UUID、点击添加测试设备，复制到UDID框，输入设备名称（随意，不要中文），点击ok。
免费账号7天内最多只能添加3个手机进行测试，如果出现下面那个错误提示，是设备加满了。
如果在用我们的体验账号可能加满了测试设备。
4、添加好设备后，记得一定要先叉掉。
重新点击右下角的+ADD进入（才能同步到刚申请的appid和设备），选择开发版profile、
选择刚创建的appid 如com.app.taobao，勾选关联第一步创建的ios证书p12，选择刚添加要测试的设备。
输入名称（随意），点击ok创建。
5、点击下载保存.mobileprovision，描述文件。
四.打包ipa
1、打开HBuilder工具，选择完工的项目，点击发行，选择发行为原生安装包。
2、选择iOS打包，支持的设备类型（可以选择支持iPhone和支持ipad），选择使用苹果证书
AppID，自己编的那个，如com.app.taobao
profile文件，选择上传配置文件.mobileprovision
私钥证书，上传.p12文件
私钥密码，输入创建p12设置的密码。
然后点击打包。
3、打包成功后，下载保存ipa，这个ipa包就能安装到手机测试了。
五、安装ipa
特别注意：ios不像安卓、不能直接把ipa文件发送到手机安装，用免费账号申请证书打包的ipa也不能上传到蒲公英这类的分发平台扫描二维码进行安装，需要通过手机助手安装。
推荐爱思助手
如果需要上传蒲公英扫码安装请看这个教程、需要付费的开发者账号。
1、普通账号申请的ios证书打包的ipa、经测试，苹果官方的iTunes助手安装不了，不要用这个。、
用爱思苹果助手可以成功安装
连接上手机、点击应用游戏，点击导入安装，选择刚打包的ipa包，或者直接选择ipa包右键通过爱思助手安装。
2、ipa将自动安装，类型是越狱版，安装成功后显示个人正版，因为是个人ios证书打包，没上架App Store。
3、安装成功了第一次启动应用会出现如下提示，用测试证书或者企业证书打包的ipa都会这样，需要设置一下。
点击设置、进入通用，下拉选择描述文件和设备管理。
4、点击开发者应用下面出现的账号，信任，然后就能启动应用，不在出现提示。
