likes
comments
collection
share

web封装成app,在线网页封装APP,网页在线打包app工具,H5封装成app过程

作者站长头像
站长
· 阅读数 15

Webapp打包就是在一台机器上打包一个文件包或者程序包。在服务器端,应用软件与服务器端程序是分开的。在前端,应用软件通过浏览器安装到移动设备上。因此,移动应用程序应该与网站组件分开。我们常说:网站封装app、应用APP、手机网站、微信公众号等。但是如果想让所有的网页在同一台机器上运行,就需要用到网站封装的技术,这里就介绍一下。web封装成app,在线网页封装APP,网页在线打包app工具,H5封装成app过程

1.包的定义

网站包装是对网页进行包装的一种。但是在移动设备上,由于浏览器的限制,需要将各种站点整合起来,让用户方便的访问。为了让各个站点的用户使用同一个APP进行购物、消费、娱乐等活动,需要对各个站点的程序进行封装。将部分网站内容与应用程序分离,可以大大降低网站建设成本和维护成本。

2.具体工作流程

从图中可以看出,封装程序是按照业务需求划分的。用户需要的功能模块对应网页中的内容,如果没有这些模块,则封装程序中不会提供。对于不同类型的产品,在打包的时候也需要注意不同业务需求之间的关联性,比如页面与用户需求之间的关联性。

一般来说,在封装客户端应用功能模块时,不需要关注这些关联。对于页面服务或者产品功能模块,需要注意。例如,在封装前端应用时,需要注意用户界面与页面服务的关联,保证交互体验的流畅性,降低用户访问成本。

三、常见的封装方式及应用场景

应用场景:在网站中,我们可以看到很多不同的模块,比如:首页、主界面等,这是因为这些模块之间存在耦合关系,所以需要通过封装来实现。比如在浏览器中搜索某个网站时,会自动跳出这个页面。但是这个页面在浏览器上会被限制,无法通过移动设备访问。因此需要对其进行封装,将这些模块与其他组件关联起来,实现交互功能。封装效果图web封装成app,在线网页封装APP,网页在线打包app工具,H5封装成app过程

特征1、无需配置Android开发环境和下载Android SDK、JAVA环境等。

2.打包的本地静态HTML项目可以脱离服务器运行

3.支持自定义图标、自定义APP名称、自定义包名、全屏、横屏、退出提示、常亮等选项

4.支持最新的浏览器特性,支持KRPano全景工程、WebGL工程、游戏工程等。

5.支持打包网站

软件截图

web封装成app,在线网页封装APP,网页在线打包app工具,H5封装成app过程

包装过程1.填写要打包的网址或选择本地文件

1)打包网站

在“网址或本地HTML路径”文本框中输入以http开头的网址,例如输入http://www.baidu.com

web封装成app,在线网页封装APP,网页在线打包app工具,H5封装成app过程

2)打包本地HTML项目

点击右侧打开文件按钮,选择打开HTML文件

web封装成app,在线网页封装APP,网页在线打包app工具,H5封装成app过程

2.可以修改APP名称和APP包名(可选)

web封装成app,在线网页封装APP,网页在线打包app工具,H5封装成app过程

暗示:

APP名称为应用安装时在手机桌面显示的名称APP包名对应APK的唯一ID,用于区分不同的APP。具有相同 ID 的 APK 文件将在安装过程中被覆盖

3.点击修改图标修改APK在手机上显示的图标。

web封装成app,在线网页封装APP,网页在线打包app工具,H5封装成app过程

4.可以设置开机密码。设置开启密码后,手机端打开APP时,必须输入密码才能正常进入APP。

web封装成app,在线网页封装APP,网页在线打包app工具,H5封装成app过程

5.所有设置完成后,点击Pack APK生成APK。打包完成后,安装到手机即可浏览

APK解决误报病毒问题(1.5.9版本新增)

由于打包后的APK未在国内APP市场上市,1.5.9版本之前使用的是共享签名证书。因此,在部分手机系统上,1.5.9版本之前打包的APK偶尔会出现误报。

为了解决这个问题,打包软件1.5.9版本后,提供了内置独立签名证书的功能,支持用户随时重置签名证书。

如果内置独立签名证书被误报为有毒,可以使用以下方法重置内置独立签名证书:

打开软件等待加载完成,点击重置证书按钮,会提示重置成功:

web封装成app,在线网页封装APP,网页在线打包app工具,H5封装成app过程

配置说明

web封装成app,在线网页封装APP,网页在线打包app工具,H5封装成app过程

1.“显示标题栏”配置

勾选“Show title”后,即可配置APK的标题栏,显示标题栏的应用如下图所示

web封装成app,在线网页封装APP,网页在线打包app工具,H5封装成app过程

2.“调试信息”选项

打开“调试信息”选项后,APP运行过程中会显示一些调试信息,在一些支持的网页中会显示一个调试面板,打开可以查看网站的调试信息,可以用于解决网页中的问题

3.全屏选项

勾选全屏选项后,状态栏不会出现,全屏显示当前网页

4.横向选项

勾选后打开APP,默认是横屏

5.退出提示选项

勾选后,当用户按回车键退出程序时,会出现提示对话框,如下图

web封装成app,在线网页封装APP,网页在线打包app工具,H5封装成app过程

6.进度条选项

勾选进度条选项后,当用户打开网页时,顶部会显示加载进度条

7.浏览按钮

勾选后APP底部会增加一列导航按钮,支持前进、后退、刷新、返回首页

web封装成app,在线网页封装APP,网页在线打包app工具,H5封装成app过程

8.启动图像

勾选后,可以选择一张本地图片作为启动图片,推荐尺寸为720*1280。

开机画面会根据系统分辨率进行裁剪,所以建议将开机画面的内容放在画面中央,以免被裁剪。

9.禁用缓存

经检查,APK将不再使用缓存,每次打开都会加载最新的网页。如果打包的网站经常更新,建议勾选这个选项

10.浏览器打开外部链接

勾选后,外部链接会调用安卓浏览器打开。

11.API支持

勾选后,可以通过js调用以下的API

退出APP: HTMLAPKPackerHelper.quitApp()刷新当前页面: HTMLAPKPackerHelper.refreshPage()

  1. 支持左右滑动

勾选后,可以通过左右滑动返回上一页,或者前进到下一页。(如果你的网页里有手写等功能,不建议开启此功能,否则会导致手写过程中网页返回或者前进到下一页)

  1. 定位权限

开启后,可以在网页中通过js获取定位信息,如果网页里没有该功能,可以不开启

14.相机权限

开启后,可以在网页中使用相机拍照上传,如果网页里没有该功能,可以不开启

15.存储权限

开启后,可以在网页里下载文件,如果网页里没有该功能,可以不开启

16.使用新内核

开启后,将使用新的打包内核进行打包,支持最新的系统和更多的功能,推荐使用该选择,后续版本老内核将会不再使用

17.下拉刷新

勾选后,打包的网页可通过下拉的方式刷新

18.录音权限

勾选后,可以使用h5的录音功能

19.隐藏虚拟键

该选项仅在同时勾选了全屏生效,勾选后,全屏状态下将隐藏虚拟按键

20.防止反编译

勾选后,打包生成的APK将无法被反编译 (安卓5.1不支持)

21.APK伪加密

勾选后,可以对APK文件进行伪加密,保护APK资源文件 (安卓5.1不支持)

22.英文支持

勾选后,界面提示信息会使用英文(包括退出提示,输入密码界面,联网错误页面)

23.允许混淆

勾选后,打包生成的APK可以被 安卓APK资源混淆加密重签名工具 加固处理,如果不勾选则不可以处理

常见问题1.打包出现“java Error opening registry key 'Software\JavaSoft\Java Runtime Environment'”错误

这个问题一般是由于打包软件安装在了含有中文的目录造成的,确保软件不要安装在含有中文的目录

2.无法打开软件,缺少framework,出现下面的错误提示web封装成app,在线网页封装APP,网页在线打包app工具,H5封装成app过程

这个错误是系统没有安装运行环境造成的。可以到加趣692727447群文件下载,也可以直接从以下网址下载安装:

3.无法安装打包软件

本软件不支持Windows XP,请使用以下系统Win10、Win2008-32、Win2008-64、Vista-32、Vista-64、Win7-32​​、Win7-64、Win8-32、Win8-64、Win8.1 -32、Win8.1-64、WinServer 2012-32、WinServer 2012-64

4.APK无法安装到手机或安装后闪退

这是因为手机系统低于4.4。由于KRPano需要WebGL支持,需要在4.0以上的系统上运行,所以软件限制打包的APK只支持4.0以上的系统。

5、安全软件提示有病毒

一般是安全软件误判安装包造成的。请添加信任并安装它。

6.发现有些文件没有打包到apk中

这是因为项目中的某些文件包含中文。打包前请修改工程文件名,确保不含中文

7.打包错误,提示OutOfMemory信息

这是打包后的项目体积较大造成的。一般64位系统最好不要超过1G,32位系统最好不要超过500M。

转载自:https://segmentfault.com/a/1190000043287805
评论
请登录