我们可以利用Cordova和Ant将网页转换成Android App

一.如何安装

Cordova除了要安装node.js,还要安装
1.Java 的JDK
2.android的sdk
3.Apache ant

jdk和sdk我这就不说如何安装,我们来说如何安装ant

二.安装Ant

下载地址: http://ant.apache.org/bindown1oad.cgi。进入网页之后,单击 apache ant-1 .9.4-bin.zip链接就可以下载文件

下载之后解压缩会得到 apache-ant-l.9.4文件夹, Apache Ant不需要安装,只要将 ant.bat 所在的路径加入到系统的 Path变量中,让程序在运行时能够找到所需的文件即可。为了方便管理,我将 apache-ant-1.9.4文件夹与 android SDK放在同一个文件夹下,也就是 C\Program Files\Android、

接着,设置ApacheAnt的环境变量。如图
然后在path后面添加%ANT_HOME%\bin\就行

安装node.js

下载地址:http://nodejs.org/ 下载好了后直接安装

通过npm安装Covdova

我们用管理员打开控制台,输入一下命令:npm install -g cordova

如:

如何发布安卓APP

我的网页程序是这样的:如

转换成APP的安装包是这样的

安装以后是这样的:

步骤

1.创建项目
2添加安卓平台
3导入网页程序

1.创建项目

cordova create he11o com.example.he11o He1loWorld
上述命令用于创建名为 Heuoworld的项目 。请在“命令提示符”窗口中切换到要放置项目的文件夹, 例如 D:, 再执行上述命令, 就会创建 He11oWorld项目, D盘会生成 He11oWorld 文件夹。

cordova create后面添加3个参数,分别是文件夹名称(he11o) , APP id(com.example.he11o)以及 APP名称(He11oWorld) 。除了文件夹名称之外,其他两个参数可以省略,其中第二个参数 App id名称是自定义的,其格式类似于 Java的 package name,最少两层。 由于 APP id在同一个手机中或 Google Play商店都不能重复,因此大多数会用到3层,例如范例中的com.example.he11o就是定义了3层的 id名称

创建好的项目下共有6个文件夹,分别是.hooks、 merges,platforms、 plugins以及 www文件夹。其中www就是网页程序放置的文件夹。

2.添加 Android平台

创建了项目之后, 必须指定使用的平台, 例如 Android或 iOS。

首先必须在 cMD窗口中切换到项目所在文件夹(切换文件夹的命令为 cd文件夹名称) , 输入下列语法即可创建 Android平台

cordova platform add android

3.导入网页程序

接着,就可以将我们制作好的网页文件,包含 HTML文件、图形文件等所有相关文件, 复制到 www文件夹中,首页文件名默认为 index.htm1。用户可以使用记事本之类的文本编辑器打开项目文件夹中的 config.xm1文件, 找到以下语句,将 index.htm1改为首页文件名。
content src-“index.htm1”

4.创建APP

在 cMD窗口中先切换到项目所在文件夹(切換文件夹命令为 cd文件夹名称) ,执行下
cordova run android
这是创建APP和打开android模拟器,可以分开的

如果只想创建app安装包可以用下面的语句

cordova build

运行好后就可以在platforms/android/ant_build文件建下“APP名称+debug.apk”文件。这个就是平时的安装包,就可以放在真机上安装了。
作者:林平:原文地址

如何将网页转换成Android APP相关推荐

  1. android 布局可大可小,UI设计教程之:ios与android ui适配(将IOS UI转换成Android经验畅谈)...

    内容提要:这是UI设计系列教程之ios与android ui适配经验畅谈.文章作者介绍了自己将IOS UI转换成Android经验,包括:不要直接转换.了解单位和组件缩放格式.屏幕尺寸DP和像素的换算 ...

  2. 在 Linux 中把一个网页转换成 PDF的技巧介绍

    你如何在 Linux 中把一个网页转换成 PDF?你可以选择使用每个 Linux 发行版上的网页浏览器(GUI),或者使用终端将网页变成 PDF 文件. 在这里,我将提到这两种方法来帮助你完成工作. ...

  3. DotEPUB:一键将网页转换成 EPUB 格式电纸书

    如果你想将网页转换成 EPUB 电纸书格式,往往并不是特别容易.不过用 Chrome 平台上的 DotEPUB扩展,你只需要点击一下鼠标,就可以将当前正在查看的文章转换成电纸书格式. 安装 DotEP ...

  4. html格式图片可以转换成word文档,html网页转换成word文档,转换成功,并且可以保存图片,但是总是为web版式的格式,怎么改成“页面”格式,多谢...

    当前位置:我的异常网» C# » html网页转换成word文档,转换成功,并且可以保存图 html网页转换成word文档,转换成功,并且可以保存图片,但是总是为"web版式"的格 ...

  5. 为什么html转为word之后图片,html网页转换成word文档,转换成功,并且可以保存图片,但是总是为web版式的格式,怎么改成“页面”格式,多谢...

    html网页转换成word文档,转换成功,并且可以保存图片,但是总是为"web版式"的格式,怎么改成"页面"格式,多谢 html网页转换成word文档,转换成功 ...

  6. h5app、htmlapp、网址网页app,网页封装成苹果APP

    h5app.htmlapp.网址网页app,网页封装成苹果APP 网页封装成苹果APP 网页封装成苹果APP 不用签名将网页封装成苹果APP,无需苹果企业签名,IPA签名,ios签名,免越狱安装 (本 ...

  7. 批量将网页转换成图片或PDF文档技巧分享

    工作中我们有时要将一些批量的网页转换成图片或者PDF文档格式,虽然多数浏览器具有滚动截屏或者打印输出PDF文档功能,但是如果有几十上百张网页需要处理,那也是要人命的.所以我一直想找一款能够批量处理该工 ...

  8. JavaScript实现React实现网页转换成图片截屏下载

    最近有项目的需求需要把网站内HTML内容转换成图片保存下载,找了一圈发现一个不错的插件HTML-to-image,npm 包地址:Html-to-image NPM | npm.io,该插件的原理是: ...

  9. 如何用一条命令将网页转成电脑 App

    原文首发:https://bornforthis.cn/posts/46.html Introduction 你好,我是悦创.接下来将不定期分享优质且实用的 GitHub,并翻译实用在博客平台.公众号 ...

最新文章

  1. 使用Python,EoN模拟网络中的疾病扩散模型,并结合matplotlib绘图
  2. 简述CISCO防火墙透明模式
  3. 字符串函数实现(strlen,strcpy,strcmp,strcat,strrev)
  4. Bentley MicroStation V8i安装教程
  5. 手把手教你从零构建属于自己的小linux
  6. EISCONN的故事
  7. mysql自定义排序以及优化like模糊查询
  8. 【JEECG-Mybatis版本】springmvc+mybatis+代码生成器(代码一键生成)
  9. servlet和jsp学习总结
  10. Binary XML file line #17vector tag requires viewportWidth 0
  11. EnglishWords——星期与月份
  12. 谈谈我见到的杨钰莹是什么样子
  13. HTML+CSS实战操作旋转魔方
  14. 【转】京东商城思维导图
  15. git创建分支develop,并合并到master
  16. 服务器固态硬盘接口区别,s s d固态硬盘和服务器配件硬盘的区别
  17. 【电商】电商后台设计—购物车
  18. 优思学院|质量大师的那些名言(一)【质量是免费的】
  19. Java程序员面试技巧:这样面试通过率增加90%
  20. sscanf 从字符串中读取与制定格式相符的数据

热门文章

  1. 数据库实验报告 设计便利店数据表、商品数据表 查询需要上货的商品列表 SQL Kingbase
  2. pandas DataFrame 缺失值处理(数据预处理)
  3. STM32 堆栈溢出检测
  4. 超级全面的Java面试题集及参考答案
  5. 工资管理系统(纯C)
  6. java avg_JPA 查询AVG简单示例
  7. 3d机器学习open3d学习教程4--三角网格对象TriangleMesh
  8. 【机器学习算法】决策树案例详解
  9. css calc复合运算
  10. 产品功能树图_数据产品经理之图表设计