正文

web打包app（web打包APP）

发布时间：2023-06-14 04:05:55 稿源：创意岭阅读： 136

大家好！今天让创意岭的小编来大家介绍下关于web打包app的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，有小程序、在线网页版、PC客户端和批量生成器

问友Ai官网：https://ai.de1919.com。

本文目录:

webstorm怎么打包app
如何使用PhoneGap打包Web App-Android
请问APICloud可以把一个web网站快速打包成APP么
如何将web网站打包成app

web打包app（web打包APP）

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文件，这个文件位于产品装包中。

如何使用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://zhidao.baidu.com/link?url=OY0oVYGYuBgsCu-ASgWoY2V1Sh0W5R0yPgpndOjA1c_cvAqUnBGv3RWGVZGIvSeAEUXPN39Pg6kUzTgizeuoYq

安装Ant构建工具

Adobe将PhoneGap已经放到Apache名下进行开源，并且还改了个名字，ant可以apache下的构建工具，所以……需要先安装ant才可以，安装过程其实非常简单，第一个就是下载，选择适合自己的版本，因为我的环境是win7 所以下载zip格式的就可以了。

然后将zip文件解压到任意目录，并添加环境变量，具体可以参看这里

将bin目录添加到path里面

添加ANT_HOME变量为ant的根目录

确保安装了jdk并配置好了JAVA_HOME

然后保存环境变量，打开命令行输入 ant -version 你应该看见类似下面的输出，那恭喜成功了，可以进行下一步了，如果未成功，可百度下错误原因：

下载Andriod开发环境并配置环境变量

首先就是来这里下载环境，然后是安装，其实就是解压到任意目录，可以看这里，接下来需要添加环境变量，将sdk目录下的platform-tools 和 tools添加到path里。

然后你还需要设置avd，打开AVD Manager，点击新建，然后设置一些参数即可，由于我也不是搞安卓的，所以吗你要想深入了解需自行研究。

安装git

git是我非常喜欢的版本控制工具，我电脑上自带的是github for windows，只需将其git命令添加到path即可，如果你没有安装git我建议你安装mysygit，安装过程中记得勾上将git添加仅path选项。如果你安装的其他git工具，请确保将git命令加入path，因为安装phonegap过程会用到git命令。

来这里下载mysygit，注意下载过程非常缓慢（没办法了谁让我们在天朝呢，以前mysygit在google code上的时候速度更慢，下载迁移到github速度已经快很多了）。

如果你对git感兴趣，我建议你加入我的群一起交流，GitHub家园②?193091696，由于1群已满，群共享里也有mysygit的最新pre版，下载速度会是github上的几百倍吧！！！！

安装Node.js环境并配置环境变量

来这里下载你需要的版本，windows建议下载.msi安装包，自带npm，无需配置环境变量，如果你下载.exe的话下载的知识node，还需要自行配置环境变量和安装npm。现在的node安装过程真的非常简单了。

使用npm安装PhoneGap全局环境

到这里就可以安装官网上的提供的教程来了，打开刚刚安装的node的命令行工具，然后输入npm install -g phonegap，将会自动安装phonegap，需要注意的是安装过程非常缓慢，因为安装期间回到用到git命令去下载文件（不是git慢，而是外网慢）。安装完成后会提示安装成功，当然你也可以输入phonegap -v，你将会看到如下输出，说明你安装成功了：

web打包app（web打包APP）

请问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里面没有图片，不过效果总算是出来了

以上就是关于web打包app相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。