‘壹’ 请问APICloud可以把一个web网站快速打包成APP么
可以的，在APICloud控制台可以填写相关网站，创建一个APP，之后云编译就是一个单独的APP了。很简单的，你可以去试试。
‘贰’ 怎么快速将网站打包为app
使用wap2app工具，打出的包可以上传app store
‘叁’ 请问APICloud可以把一个web网站快速打包成APP么
可以的，袭滚在APICloud控制台可以填写相关网站，创建一个APP，之拍信余后云编译就是一个单独的APP了
很简单的，你坦饥可以去试试
‘肆’ 如何将web网站打包成app
首页得准备好需要的东西，如eclipse，一个完整可以浏览的手机网站，而且确保电脑配置好jdk，环境变量，还要安装好cordova，这些环境等配置这里不表，可以自行网络。在这里我就自己随意写了个网站做测试，从下图可以看出来，这是一个可以在网页中浏览的手机网站
有了网站之后，第一步新建一个项目，打开你要保存的项目地址，比如D盘的yun文件夹，按住键盘的shift键+鼠标右键，选择“在此处打开命令窗口”，就会弹出一个终端命令窗口，打开之后在终端里面输入cordova
create hello，hello为你的项目名称，如cordova create
qianqian，qianqian就是我的项目名称，注意，不要手动去创建文件夹，因为我们在终端里面建的项目里面有很多的配置文件，终端命令窗口不要关在终端命令窗口中输入cd
qianqian，进入qianqian文件夹，然后再输入cordova platform add
android，回车，等待下载完成，记住在下载之前一定要确保已经安装git，要不然会下载失败，本人亲自试验，下载可以要1分钟左右，下载完成后终端命令窗口不要关，等下要用下载完成后将准备好的网站放到www文件夹里面，原来的文件可以删掉，再打开eclipse软件，点击菜单栏file--import，弹出一个窗口，选择下面图片中的选项，再点next，之后点击Browse，选择qianqian文件夹项目的路径，选取，记住，复选框一定要全部选上，不懂的看下面的图片，然后确定就可以了
确定之后就会看到下面图片一样左边会出现两个项目，为了确保项目一次性完成，我们可以在终端窗口里面输入cordova prepare，输入前确保是在当前qianqian文件夹，这个命令是在修改过项目的情况下运行的，等待他运行完，下面第二张图片是运行完成的图片
ok，之后就可以打包webapp了，回到eclipse，我们发现项目文件有个红叉，或者也会出现一个感叹号之类的，出现这个情况的话可以点击菜单栏project--clean，在弹出的窗口中选择第二个单选项，下面的复选框全部选上，不懂看图，确认之后就可以看到红叉没了
然后在项目栏里选择第二个项目右键选择run as--android application，之后等待半分钟左右，主要是看电脑运行速度好不好了，好的话就快
最后如果你手机连接着电脑或者你电脑开着安卓虚拟机的话，在弹出的窗口就会出现你手机或者虚拟机的信息，选择他再点ok，系统会自动跳到虚拟机里，如果是真机的话，就直接看你的手机就行，手机会自动安装app应用的
如果两者都没有的话可以将弹出的窗口都关闭，然后在软件项目栏的第二个项目里面有个bin文件夹，打开，里面有个apk，将他复制出来安装到自己手机或其他机器里就行了，下图就是webapp做出来的最终效果，一开始忘记上传图片，只上传了代码，所以app里面没有图片，不过效果总算是出来了
‘伍’ 详解Vue webapp项目通过HBulider打包原生APP（vue+webpack+HBulider）
1、webapp项目已经通过vue-cli搭建的脚手架写好了，然后通过webpack打包成一个部署文件list，如下：
2、打开HBulider,打开目录，选择这个list，项目名称自己更改。（或者直接新建一个app项目，然后把里边的unpackage和manifest这两个保留下来，其他的替换成自己dist文件里边的内容）
这个时候是web项目，需要改为APP项目（如果直接新建的app，请忽略此步）
更改前：
更改后：
3、在HB中打开这个dist，可以看到有一个manifest.json的文件。这个文件是用来配置应用信息的。入口文件一定要对应好，我用VUE写的单页应用，所以就一个index.html。
然后配置图标
按着自己项目的要求配置就行了，HB下面列举的很详细。
4、接下来可以通过手机用USB线与电脑连接进行真机调试。（必须通过USB线连接才可以，人家HB不支持什么通过无线连接的方式）windows电脑不用说了，可以用一些360助手什么的就可以解决了。如果你的手机是安卓的，在苹果电脑下面就没那么好搞了。后来通过网络加自己的摸索也搞出来。方法就是在苹果电脑上下载一个使用
Android
File
Transfer这个软件。要收费时，点击试用就可以了。手机上需要打开usb调试，然后选择
内置光盘
就可以与苹果电脑连接了。手机自己也有提示（真的很暖心）
连接成功之后，就可以进行真机调试了。
注：网上很多说自己的VUE项目项目打开一片空白，记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的，而你的路径不对，打开肯定是空白的。先看一下默认的路径。
mole.exports
=
{
build:
{
env:
require('./prod.env'),
index:
path.resolve(__dirname,
'../dist/index.html'),
assetsRoot:
path.resolve(__dirname,
'../dist'),
assetsSubDirectory:
'static',
assetsPublicPath:
'/',
proctionSourceMap:
true,
assetsPublicPath默认的是
‘/'
也就是根目录。而我们的index.html和static在同一级目录下面。
所以要改为
‘./
'
另外还需要注意一点。src里边router/index.js路由配置里边默认模式是hash，如果你改成了history模式的话，打开也会是一片空白。所以改为hash或者直接把模式配置删除，让它默认的就行
。
//
mode:
'history'
//
默认hash
5、如果真机测试没有问题。那么就可以真正的进行打包成APP了。
打包成功后，可以通过手动下载，或者直接打开下载目录里边下载好的。把这个xxxx.apk文件通过qq或者其他的发送到你的手机上，点击安装。就可以了。
6、最后，展示一下手机上的效果。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:详解Vue
webapp项目通过HBulider打包原生APP
‘陆’ 如何web应用程序打包成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程序(www整个目录）拷至刚刚在eclipse新建hello工程对应assets目录下面
Step3、下面要做的就是如何将我们的HTML5程序在Android应用中启动，这里我们要使用Android系统自带的WebView控件（具体信息参考Adroid开发文档）---在工程下找到res->layout->activity_main.xml并打开，向里面插入WebView控件，编辑好自己想要的样式
Step4、在主程序入口，用刚刚编辑好的WebView控件将HTML5程序引入，此时，主体功能已实现，编译工程即可得到apk
‘柒’ Win10怎么把Web应用打包发布到应用商店上
在今天的win10系统使用教程中，我们将来分享一下微软日前发布的Windows App Studio，Windows App Studio有什么作用呢?可能对大多数的win10系统用户来说，Windows App Studio并没有什么用，但是，如果您的web应用的开发者，那肯定会感兴趣的，因为使用Windows App Studio可以把Web应用打包后发布到Win10的应用商店上，打包后的应用可以同时在PC和手机平台上运行，而且不需要编程的经验就能完成这个操作。下面就来介绍一下如何把Web应用打包发布到Win10应用商店上。 Windows App Studio 具体步骤如下： 1、创建工程 进入Windows App Studio创建工程页面，需要使用微软账户登录。在该页面你会看到Hosted Web App选项，如下图所示： Windows App Studio 点击Hosted Web App，之后会弹出弹窗，在这里输入应用的名称，然后点击“Start with this one!”，在右侧会显示在不同设备中的预览。 2、配置应用 创建项目之后会进入应用内容编辑页面，在这里你只需要填写你的Web应用的地址即可。 Windows App Studio 在这里你还可以上传一个自定义的应用清单文件Manifest，这是一个JSON数据文档，里面包含了应用启动参数之类的配置。你还可以定义额外的URI规则以及设备屏幕旋转属性等，但这些都是可选的。 在右侧的设备预览画面中会出现应用的预览效果，有时候这里不显示内容，这很可能是页面不支持iframe嵌入，不过一般来说都不会有问题。 填写好URL地址后，你需要为应用更换一个Logo。点击导航栏中的Logo，如下图所示： Windows App Studio 然后点击App logo标题下方的图标，就可以上传自己准备好的应用Logo了，上传后会自动生成所需的不同尺寸图标。 之后点击Settings，编辑与应用商店相关的一些信息，包括应用描述、语言等信息。填写完成后，点击“Save”保存。 Windows App Studio 3、生成应用 配置好应用之后，点击右上角的“Finish”按钮，之后会进入应用预览页面，针对不同形态的设备进行预览。最后只需要点击“Generate”生成按钮，然后在弹出的窗口中选择生成类型(默认选择为Visual Studio解决方案)，最后再点击“Generate”即可。 Windows App Studio 以上就是把Web应用打包发布到Win10应用商店上步骤了，只要你有自己的Web应用，不需要重新编码。用上面的方法就可以直接生成Win10应用商店的应用，帮你节省大量的时间。
‘捌’ 如何将html5程序打包成Android应用
问题分析：
html5网站主要由html+css+js的形式组成，需要使用浏览器进行展现。
Android需要使用Java语言来开发，对于前端工程师来说，无疑是增加了很大的难度。
随后出现了很多打包工具，来协助我们将网页元素打包成手机app，将我们编写的html转化为Java语言。
解决方案：
推荐一款我们常用的打包工具：HBuilder。
该工具不仅提供了Android应用打包，还可以直接连接手机进行调试，配合HTML5+可以实现很多Android原生的功能。比如：扫码二维码，拍照，摇一摇等等。
具体操作步骤：
1、真机调试
②勾选Android复选框，如果使用Dcloud公用证书的话，可以直接进行打包，手机可以安装使用。如果需要上传发行到第三方应用平台的话，需要使用自有证书，自用证书可以使用JRE自带的创建和管理数字证书的工具Keytool来生成自有证书，生成过程是免费的。
勾选Android选项后，在下方表单中填写Android包名，为保证唯一性，可以使用自有网站域名的反写方式加上应用名称。如果使用自有证书的话，还需要填写证书别名，密钥密码，证书文件。
填写完毕后，点击打包，即可生成apk文件。
其他注意事项：
1、在开发过程中，不需要进行打包，应更多的使用真机调试，可以节约很多时间。
2、开发完毕后，尽可能在各种版本的android机器上做一下测试，因为一些网页的样式在不同的android版本中呈现的效果略有不同。
3、重新编辑一下html5网站代码，将一些网页功能转换为手机功能，比如网页元素的<a>标签跳转，就应该使用Webview来完成。可以解决页面切换白屏的问题，还可以提高网站在手机中的运行效率。
‘玖’ 如何使用PhoneGap打包Web App-Android
最近做了一款小游戏，定位是移动端访问，思来想去最后选择了jQuery mobile最为框架，制作差不多以后，是否可以打包成App，恰好以前对PhoneGap有耳闻，便想用这个来做打包，可以其中艰辛曲折多次让我想放弃的心情，官方提供的例子，对我这种没用过的人而言，真是无语的很，所已将配置环境和打包过程写下做个记录。
因为我只弄了Andriod的环境，所以在此只以Andriod为例。
使用PhoneGap搭建Android开发的项目整体步骤如下：
安装java环境。
安装ant构建工具。
安装android的开发环境并配置环境变量。
安装Node.js环境并配置环境变量。
安装git
使用npm安装PhoneGap全局环境。
使用PhoneGap命令创建PhoneGap项目。
将PhoneGap编译为android项目。
将上述项目导入ADT进行后续开发。
安装.apk文件
其实官网给出的安装过程忽略了很多步骤（因为这里是Andriod环境，所以才会比官网的例子多出不少步骤），像我这种前端开发人员，电脑里可是连java都没装的，下面就详细讲解这些步骤，并最终生成apk文件。
安装Java环境
这点不用我讲，网上一搜一大堆，而且很多程序员电脑里面都是有java环境的，需要强调的是安装java的环境要和后面下载andriod开发环境一致，不然会报错，要保证都是32位或64位，笔者就装了个64位jdk然后，安卓环境是32位的，运行不成功。
资源
jdk 下载：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
配置java环境：http://..com/link?url=OY0oVYGYuBgsCu-ASgWoY2V1Sh0W5R0yPgpndOjA1c_
安装Ant构建工具
Adobe将PhoneGap已经放到Apache名下进行开源，并且还改了个名字，ant可以apache下的构建工具，所以……需要先安装ant才可以，安装过程其实非常简单，第一个就是下载，选择适合自己的版本，因为我的环境是win7 所以下载zip格式的就可以了。
然后将zip文件解压到任意目录，并添加环境变量，具体可以参看这里
将bin目录添加到path里面
添加ANT_HOME变量为ant的根目录
确保安装了jdk并配置好了JAVA_HOME
然后保存环境变量，打开命令行输入 ant -version 你应该看见类似下面的输出，那恭喜成功了，可以进行下一步了，如果未成功，可网络下错误原因：
‘拾’ webstorm怎么打包app
对于使用的不用的操作系统对WebStorm更改一下设置，能够在更大的程度上提升效率。
1、Windows 系统
<WebStorm installation folder>/bin/idea.exe.vmoptions
或是下面的方法进行设置：
<WebStorm installation folder>/bin/idea64.exe.vmoptions
2、*NIX 系统
<WebStorm installation folder>/bin/idea.vmoptions
或是下面的方法进行设置：
<WebStorm installation folder>/bin/idea64.vmoptions
3、Mac操作系统
将这个file /Applications/WebStorm.app/bin/下的idea.vmoptions复制到
~/Library/Preferences/WebIdeXX/idea.vmoptions
举个例子，为了增加WebStorm堆的大小，你需要从/Applications/WebStorm.app/bin/idea.vmoptions 复制original .vmoptions文件到~/Library/Preferences/WebIdeXX/idea.vmoptions，然后修改-Xmx设置。
对于比较旧的版本的话，就需要如下进行设置存储：
/Applications/WebStorm.app/Contents/Info.plist
Unicode文本的管理设置
在WebStorm允许定义非ascii字符是否应该使用文字像‘\ u00AB’或‘\ 00 ab”。
中操作主要是由系统属性idea.native2ascii.lowercase控制，在默认的情况下，使用大写字符。
也可以使用小写字符，但是需要按照使用的平台进行设置，如下：
1、Windows 和 *NIX系统
idea.native2ascii.lowercase=true
放到bin/idea.properties文件，这个文件位于产品装包中。
2、Mac操作系统
复制/Applications/WebStorm.app/bin/idea.properties文件到~/Library/Preferences/WebIdeXX/下，打开进行编辑，添加行。
对于老版本的WebStorm，打开用于编辑的/Applications/WebStorm.app/Contents/Info.plist文件，并添加以下代码:
<key>idea.native2ascii.lowercase</key>
<string>true</string>
到这个部分
<key>Properties</key> <dict> ... <dict>
放到bin/idea.properties文件，这个文件位于产品装包中。