html5打包app,html5打包成app的工具有哪些

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

用html5做的网站打包成app跟app有什么区别

我们口中常说的开发APP都是使用编程语言开发的APP，有前后端，有代码。是需要付出大量的时间和金钱的，还需要人工维护，市场上开发一个APP的价格，根据功能不同，价格相差很大，有些模板开发可能几千块就搞定了，有些源码开发十几万。

而网站封装打包的APP其实只是给网站套一个APP的壳子，它本质还是网站，这个封装出来的APP本身是没有后台的，只有网站后台，它可以像普通APP一样安装在手机上，但打开之后是网页。

很多不想花精力开发APP的企业通常会选择使用网站封装“快速开发”一个APP，因为这样非常简单，很多开发者服务平台在这方面都提供免费服务的，自己操作一分钟不到就搞定了。

登录亥著开发者中心，大家可以用自己的手机号注册账号。

点击“封装APP”

输入自己的网址，选择需要封装的系统，可以自己做图标和启动图，也可以选择平台现有的。

根据需求选择功能插件，如果不需要可以不选。

这样就封装好了

相关问答

Q1: 请教如何把本地的HTML5打包封装成IOS或android APP

打包成Android APP为例

下载安装MyEclipse2014，Android SDK，eclipse(需配置Android开发环境)

Java和Android环境安装与配置，将另写经验分享，读者也可百度参考其他相关资料，自行安装

打开MyEclipse2014，新建一个HTML5 Mobile Application Project，命名，例如：hello

html5程序在工程www目录下编辑；

编辑好我们的html5程序，下面就要开始学习打包了

这里介绍两种打包方式：1、PhoneGap Build Service 打包

PhoneGap官网有相关教程可参考，不具体介绍

2、android SDK +eclispe 打包

android SDK +eclispe 打包(前提已配置好，android开发环境)：

Step1、启动eclipse，新建Android Application Project，即Android工程，命名，例如：hello

Step2、将前面Myeclipse2014中编辑好的HTML5程序拷至刚刚在eclipse新建hello工程对应assets目录下面

Step3、下面要做的就是如何将我们的HTML5程序在Android应用中启动，这里我们要使用Android系统自带的WebView控件（具体信息参考Adroid开发文档）---在工程下找到res-layout-activity_main.xml并打开，向里面插入WebView控件，编辑好自己想要的样式

Step4、在主程序入口，用刚刚编辑好的WebView控件将HTML5程序引入，此时，主体功能已实现，编译工程即可得到apk

Q2: 如何将html5程序打包成Android应用

问题分析：

html5网站主要由html+css+js的形式组成，需要使用浏览器进行展现。

Android需要使用Java语言来开发，对于前端工程师来说，无疑是增加了很大的难度。

随后出现了很多打包工具，来协助我们将网页元素打包成手机app，将我们编写的html转化为Java语言。

解决方案：

推荐一款我们常用的打包工具：HBuilder。

该工具不仅提供了Android应用打包，还可以直接连接手机进行调试，配合HTML5+可以实现很多Android原生的功能。比如：扫码二维码，拍照，摇一摇等等。

具体操作步骤：

1、真机调试

进入软件后，第一步点击“运行”，第二步点击“手机运行”，第三步选择已连接的手机，示例中我使用的是安卓模拟机进行连接的。市面上常用的几款安卓模拟机器都可以直接连接上。