最近几年,前端发展非常的快速,通过html5可以构建webAPP,然后把webAPP打包成apk文件,这样可以方便安装到手机上面 。 今天咪咪我就来讲解一下怎样打包webAPP吧 。 工具/材料 电脑
hbuilder
操作方法 01 第一步,就是安装Hbuilder,然后新建一个移动APP项目,如图所示 。
文章插图
02 如图,最好选择空模板,然后点击“完成”按钮就可以了哦 。
文章插图
03 如图,一个新的移动APP项目就新建成功了,我们可以把我们构建好的webAPP的网页文件给放到这里面就行了 。
文章插图
04 之后,点击“mainfest.json”文件,开始配置一些应用信息 。
文章插图
05 如图所示,应用名称根据你自己的需求来定义,然后就是一些版本号,更具体的配置可以参考官方指南 。
文章插图
06 接着就是图标了,这个相当于APP的图标,可以根据需求选择,这里我就使用默认的图标 。 此外还有很多信息,这里我就不多加介绍了哦 。
文章插图
07 之后,点击“发行”——“发行为原生安装包”就可以了 。
文章插图
08 如图,因为我是使用默认的图标,所以会有这个提示,如果你设置好图标就不会有这个提示了哦 。
文章插图
09 如图,因为打包成iOS安装包需要证书,这里我就打包成Android版本的安装包哦 。
文章插图
10 如图,点击“打包”按钮就可以开始打包我们的webAPP了哦 。
文章插图
11 之后,我们的打包要求就会发送到云端,接着我们点击确定就可以了哦 。
文章插图
12 如图,耐心等待打包完成,一般需要五分钟左右,跟网速也有一点关系哦 。 也可以刷新看看打包状态 。
文章插图
13 如图,打包成功之后会自动下载,我们打开下载目录就行了,当然还可以自己手动下载哦 。
推荐阅读
- 怎样使用visio画E
- 怎样简单计算食物的热量 怎样计算食物的热量
- 怎样进行通话录音
- 怎样做大豆芽好吃
- 手机百度浏览器应用收藏夹中怎样分组
- 怎样使用苹果手机朗读屏幕功能
- 怎样设置手机QQ音乐在线试听品质和下载品质
- 怎样使用苹果手机录音功能
- 怎样修改新浪微博密码
- 美篇怎样发表圈子话题