文档章节

基于Cordova(PhoneGap)的Andriod应用实例

范某某
 范某某
发布于 2015/01/13 19:59
字数 456
阅读 77
收藏 1

一、环境配置

1、下载ant,安装。百度网盘 配置环境变量,找到ant安装目录bin文件夹,如D:\ant\bin\。在cmd中运行如下语句不报错既成功。

    >ant -h

2、下载nodejs,安装。百度网盘 在cmd中运行如下语句不报错既成功。

    >npm

3、下载cordova,在cmd中运行如下语句。

    >npm install -g cordova

4、下载andriod SDK。百度网盘 建议下载adt-bundle(包括了SDK,及开发工具eclipse)。配置环境变量,如D:\Codova\adt\sdk\tools 和 D:\Codova\adt\sdk\platform-tools 同时配置。

    运行SDK Manager.exe,将Android4.4.2 (API19) 及 Tools前9个安装了,否则后面会报错如不能成功获取安装列表,参考另一个博文

二、创建项目

1、新建一个用来存放android工程的文件夹,在cmd中,进入该文件夹,如:

     >cd d:workspace

2、创建Cordova project

    >cordova create hello com.test helloWorld

        其中hello为工程所在文件夹名称, com.test为项目id ,helloWorld为项目名称

3、进入刚创建的项目文件夹 hello,添加平台支持(本文添加Android平台支持)

    >cd hello

    >cordova platforms add android

    >cordova platforms ls   //查看已添加的平台

3、添加插件,如震动、二维码、相机等,具体参考 官方文档。如跳转网页

    >cordova plugins add org.apache.cordova.inappbrowser

    >cordova plugins ls  //查看已添加的平台


三、编辑项目

1、打开bundle中的eclipse,导入刚建好的项目,选中文件夹后会出现两个项目,全部导入。

2、展开HelloWorld/www  编辑index.html

    <button onclick="inAppBrowser();">inAppBrowser</button> <br> 
    <script type="text/javascript" charset="utf-8">  
        function inAppBrowser() {  
            var ref = window.open('http://www.baidu.com/', '_blank', 'location=yes');
        }
    </script>

2、双击index.html运行,点击按钮,打开百度

四、打包

参考http://www.tuicool.com/articles/numEBrM

© 著作权归作者所有

范某某
粉丝 6
博文 31
码字总数 24829
作品 0
朝阳
程序员
私信 提问
Cordova 和 Ionic 的区别

Cordova Apache Cordova是一个开源的移动开发框架。允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发。 应用在每个平台的具体执行被封装了起来,并依靠符合标准的API绑定去访问每个...

华山猛男
2018/11/07
170
0
PhoneGap的由来

2008年8月,PhoneGap在旧金山举办的iPhoneDevCamp上初次崭露头角。起名为PhoneGap是创始人的想法:“为跨越Web技术和iPhone之间的鸿沟牵线搭桥。”(Bridging the gap between the web and ...

生气的散人
2012/11/21
683
2
Ionic系列——使用ng-cordova插件

1、cordova介绍 Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。 Cordova支持如下7种移动操作系统:iOS, Android,ubuntu...

龙马行空
2015/07/28
15.6K
0
PhoneGap CLI 4.2.0 发布

PhoneGap CLI 4.2.0 发布,此版本现已提供下载: OS X or Linux 需要使用 Windows 此版本包括大量的 PhoneGap 和 Cordova 引擎方面的改进! 当前各平台版本如下: Apache Cordova Amazon-Fi...

oschina
2015/01/16
3.2K
8
PhoneGap 3.0 发布,使用全新的插件架构

今天在 PhoneGap Day 会议上 PhoneGap 发布了 3.0 版本,该版本对底层架构进行了全面显著的改进,还包括其他方面的改进。 首先,你可以先阅读以下链接: Adobe PhoneGap 3.0 Released What's...

oschina
2013/07/20
15K
26

没有更多内容

加载失败,请刷新页面

加载更多

爬虫可以采集哪些数据?爬虫借用什么代理可以提高效率

学习爬虫的门槛非常低,特别是通过Python学习爬虫,即使是网上也能找到许多学习爬虫的方法,而且爬虫在数据采集方面效果比较好,比如可以采集几万、上百万网页数据进行分析,带来极有价值的数...

xiaotaomi
31分钟前
4
0
redis自建笔记

自建redis笔记 最近在linux安装了一下redis,特做一些笔记! 本文先单节点启动redis,然后再进行持久化配置,在次基础上,再分享搭建主从模式的配置以及Sentinel 哨兵模式及集群的搭建 单节点...

北极之北
32分钟前
4
0
没想到Spring Boot居然这么耗内存,有点惊讶

Spring Boot总体来说,搭建还是比较容易的,特别是Spring Cloud全家桶,简称亲民微服务,但在发展趋势中,容器化技术已经成熟,面对巨耗内存的Spring Boot,小公司表示用不起。如今,很多刚诞...

程序员修BUG
36分钟前
5
0
Spring Security 实战干货:Spring Boot 中的 Spring Security 自动配置初探

1. 前言 我们在前几篇对 Spring Security 的用户信息管理机制,密码机制进行了探讨。我们发现 Spring Security Starter相关的 Servlet 自动配置都在spring-boot-autoconfigure-2.1.9.RELEASE...

码农小胖哥
37分钟前
4
0
Docker 容器时区时间不一致 问题解决

解决方案: 1,最傻瓜也最方便的处理方式,运行新的容器前设置本机时区和时间文件与容器的映射 docker run -v /etc/timezone:/etc/timezone -v /etc/localtime:/etc/localtime ...1 -v /etc/...

突突突酱
39分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部