如何将网页转换成Android APP
我们可以利用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相关推荐
- android 布局可大可小,UI设计教程之:ios与android ui适配(将IOS UI转换成Android经验畅谈)...
内容提要:这是UI设计系列教程之ios与android ui适配经验畅谈.文章作者介绍了自己将IOS UI转换成Android经验,包括:不要直接转换.了解单位和组件缩放格式.屏幕尺寸DP和像素的换算 ...
- 在 Linux 中把一个网页转换成 PDF的技巧介绍
你如何在 Linux 中把一个网页转换成 PDF?你可以选择使用每个 Linux 发行版上的网页浏览器(GUI),或者使用终端将网页变成 PDF 文件. 在这里,我将提到这两种方法来帮助你完成工作. ...
- DotEPUB:一键将网页转换成 EPUB 格式电纸书
如果你想将网页转换成 EPUB 电纸书格式,往往并不是特别容易.不过用 Chrome 平台上的 DotEPUB扩展,你只需要点击一下鼠标,就可以将当前正在查看的文章转换成电纸书格式. 安装 DotEP ...
- html格式图片可以转换成word文档,html网页转换成word文档,转换成功,并且可以保存图片,但是总是为web版式的格式,怎么改成“页面”格式,多谢...
当前位置:我的异常网» C# » html网页转换成word文档,转换成功,并且可以保存图 html网页转换成word文档,转换成功,并且可以保存图片,但是总是为"web版式"的格 ...
- 为什么html转为word之后图片,html网页转换成word文档,转换成功,并且可以保存图片,但是总是为web版式的格式,怎么改成“页面”格式,多谢...
html网页转换成word文档,转换成功,并且可以保存图片,但是总是为"web版式"的格式,怎么改成"页面"格式,多谢 html网页转换成word文档,转换成功 ...
- h5app、htmlapp、网址网页app,网页封装成苹果APP
h5app.htmlapp.网址网页app,网页封装成苹果APP 网页封装成苹果APP 网页封装成苹果APP 不用签名将网页封装成苹果APP,无需苹果企业签名,IPA签名,ios签名,免越狱安装 (本 ...
- 批量将网页转换成图片或PDF文档技巧分享
工作中我们有时要将一些批量的网页转换成图片或者PDF文档格式,虽然多数浏览器具有滚动截屏或者打印输出PDF文档功能,但是如果有几十上百张网页需要处理,那也是要人命的.所以我一直想找一款能够批量处理该工 ...
- JavaScript实现React实现网页转换成图片截屏下载
最近有项目的需求需要把网站内HTML内容转换成图片保存下载,找了一圈发现一个不错的插件HTML-to-image,npm 包地址:Html-to-image NPM | npm.io,该插件的原理是: ...
- 如何用一条命令将网页转成电脑 App
原文首发:https://bornforthis.cn/posts/46.html Introduction 你好,我是悦创.接下来将不定期分享优质且实用的 GitHub,并翻译实用在博客平台.公众号 ...
最新文章
- 使用Python,EoN模拟网络中的疾病扩散模型,并结合matplotlib绘图
- 简述CISCO防火墙透明模式
- 字符串函数实现(strlen,strcpy,strcmp,strcat,strrev)
- Bentley MicroStation V8i安装教程
- 手把手教你从零构建属于自己的小linux
- EISCONN的故事
- mysql自定义排序以及优化like模糊查询
- 【JEECG-Mybatis版本】springmvc+mybatis+代码生成器(代码一键生成)
- servlet和jsp学习总结
- Binary XML file line #17vector tag requires viewportWidth 0
- EnglishWords——星期与月份
- 谈谈我见到的杨钰莹是什么样子
- HTML+CSS实战操作旋转魔方
- 【转】京东商城思维导图
- git创建分支develop,并合并到master
- 服务器固态硬盘接口区别,s s d固态硬盘和服务器配件硬盘的区别
- 【电商】电商后台设计—购物车
- 优思学院|质量大师的那些名言(一)【质量是免费的】
- Java程序员面试技巧:这样面试通过率增加90%
- sscanf 从字符串中读取与制定格式相符的数据