码迷,mamicode.com
首页 > 移动开发 > 详细

将Web移动端打包成手机app---HBuilder

时间:2019-04-04 12:48:24      阅读:405      评论:0      收藏:0      [点我收藏+]

标签:查看   ios开发者   鼠标右键   真机   too   开始   编译   pac   bsp   

 

 

 

将移动端页面打包成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真机调试

详情见下一篇分析。

 

将Web移动端打包成手机app---HBuilder

标签:查看   ios开发者   鼠标右键   真机   too   开始   编译   pac   bsp   

原文地址:https://www.cnblogs.com/mica/p/10654039.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!