phonegap安装 环境搭建与配置详解

首先介绍搭建环境的基本准备:

1 java JDK   (搜索一下.......)

2 android SDK 最新版(我当时的版本是 API 19  点击打开链接)

3 Ant 打包工具  (百度一个或者 点击打开链接)

4 eclipse   (建议使用google的  因为内置ADT     点击打开链接 )

5 ADT (ecplise 里的插件,安卓开发工具插件     下载上面的链接,内部集成了ADT)

6 Node.js   (点击打开链接)

7 sublime  点击打开链接 ;是我开发js h5 css 的工具;如果大家有好的开发软件希望能告诉我一下谢谢

下图是Node.js安装成功后

将以上配置好环境变量  (配置方法略 点击 )

特别提一下需要配环境变量的东西:  java JDK  ; android SDK;Ant ;

贴上我的 path 供大家参考:

(建议配成 ;%ANT_HOME%\bin;  去掉\bin)

F:\工具\Ant\ant-1.8\bin;

C:\Develop\sdk\sdk\platform-tools;C:\Develop\sdk\sdk\tools;%Android%\.;C:\Develop\nodejs;%JAVA_HOME%\bin;C:\Develop\nodejs\

拥有以上工具后

接下来开始phonegap的安装了

phonegap 官网 点击

在控制台运行命令:

npm install -g phonegap                                     ( Mac使用: sudo npm install -g phonegap )

//等待安装   完成后安装 cordova:

npm install -g cordova                                       ( Mac使用: sudo npm install -g cordova )

安装完成后  
检验语句:

phonegap -version

cordova -version

在命令行 使用:

[html] view plaincopy

  1. phonegap create my-app
  2. cd my-app
  3. phonegap run android

第一个 phonegap写的程序就出现了

在my-app 目录下出现5个文件夹     打包好的工程放在platforms里面

文件夹详解:

www              : 文件夹  开发的 HTML5 ; CSS ; JS 文件都拷贝到这下面

plugins          : 文件夹  存放的是phonegap插件  以后 文件,摄像头等插件都下载到这里,在下篇文章中介绍用法

merges          : 我也没用过  以后知道了再补上

platforms      : 文件夹 存放的是编译好后的android文件   ,(如果这个文件夹为空,需要你在命令行编译一次才能生成. 如上面 phonegap run android)

.cordova        : 存放的是配置文件

将此文件夹导入 eclipse 就可以使用

phonegap 将以第三方库的形式导入

如果src文件报错 检查是否是   phonegap的功能没有导入进来

导入eclipse后  文本结构....下图打的camera 和 vibration 是 相机与铃声的插件  下章节介绍

(图 1)

下图是     phonegap的启动页面  调用 super.loadUrl(); 方法

[java] view plaincopy

  1. public class baozi extends CordovaActivity
  2. {
  3. @Override
  4. public void onCreate(Bundle savedInstanceState)
  5. {
  6. super.onCreate(savedInstanceState);
  7. super.init();
  8. // Set by <content src="index.html" /> in config.xml
  9. //        super.loadUrl(Config.getStartUrl());
  10. super.loadUrl("file:///android_asset/www/index.html");
  11. }
  12. }

在 super.loadUrl("  "); 中填写你的启动页面

参数: " file:///android_asset/www/index.html "

指的是( 图  1)的  assets目录下 www 文件夹下的  index.html

贴上一张 工程导入后的属性图

工程下载    将phonegap的platforms导入到eclipse中

如果报错clear一下  查看导的lib包 有没有报错

如果还有错  那么就是您选用了  google的API   改成最新版的android  API 就好了

如果导入工程遇到问题 可以查阅我此篇文章

Blog:  http://blog.csdn.net/aaawqqq/article/details/20463183

Phonegap解决错误:Error initializing Cordova:Class not found:

http://blog.csdn.net/aaawqqq/article/details/21243869

时间: 2024-11-08 17:30:23

phonegap安装 环境搭建与配置详解的相关文章

CentOS 6.x上搭建vSFTPD服务器搭建与配置详解

摘要: 手把手教你搭建vsftpd服务器,实现了基于db文件和MySQL数据库文件进行虚拟用户认证,当然了也本文章也包含搭建过程中问题的排查啦,哈哈哈. 另外,我在CentOS 7.x上也进行了搭建测试,步骤一致,个别命令会有不同,但不影响测试效果. 服务器部署需求分析(实现效果): 1.登录.传输全程进行加密处理. 2.记录用户上传.下载文件日志. 3.针对每个用户有公共文件夹(大家都可以看到和下载其中的文件)和私有文件夹(只有自己可以看到,并且可上传下载文件). 一.vsftpd服务安装:

JDK的安装与Java环境变量的配置详解

JDK作为JAVA开发的环境,必须在电脑上安装JDK. 1.下载jdk http://rj.baidu.com/soft/detail/14459.html?ald下载jdk最新版jdk-8u11-windows-i586.1406279697, 2.进入下载界面可根据自己需要选择需要的Java版本,分别 有j2ee,Javase,Javame, 3.然后点击accept,接着在下面的下载列表中选择自己的操作系统,以及34位还是64位的进行下载 4.然后双击安装包,点击下一步 5.接着点击下一步

Struts2搭建、配置详解

Struts2是一个基于MVC设计模式的Web应用框架,它本质上相当于一个servlet,在MVC设计模式中,Struts2作为控制器(Controller)来建立模型与视图的数据交互.Struts 2是Struts的下一代产品,是在 struts 1和WebWork的技术基础上进行了合并的全新的Struts 2框架.其全新的Struts 2的体系结构与Struts 1的体系结构差别巨大.Struts 2以WebWork为核心,采用拦截器的机制来处理用户的请求,这样的设计也使得业务逻辑控制器能够

Nginx架构及其web服务搭建优化配置详解

Nginx安装配置及其理论详解 Nginx的功能介绍绍及其优势性能 Nginx的官方站点Nginx.org Nginx的版本号,次版本号如是表示偶数一般表示是稳定版,如果是基数一般表示是开发版.我们可以根据需要来使用. Nginx的优势特性: 1.模块化设计,有着很好的扩展性.(想实现什么功能,只需要安装模块就好) 2.高可靠性:因为他是主控进程和worker是同步实现的,一个worker出现问题,会立刻启动另一个worker. 3.较低的内存消耗,一万个长连接(keep-alive),在Ngi

jumpserver 堡垒机环境搭建(图文详解)

Jumpserver 是一款由python编写开源的跳板机(堡垒机)系统,实现了跳板机应有的功能.基于ssh协议来管理,客户端无需安装agent. 特点: 完全开源,GPL授权 Python编写,容易再次开发 实现了跳板机基本功能,认证.授权.审计 集成了Ansible,批量命令等 支持WebTerminal Bootstrap编写,界面美观 自动收集硬件信息 录像回放 命令搜索 实时监控 批量上传下载 jumpserver 3.0 安装 相对于 jumpserver 2.0 版本,在新的版本

GIT服务器搭建及配置详解

用久了SVN,突然换了项目组,新的项目要求使用GIT,还有点点生疏,于是不得不重新翻看以前的学习笔记,在复习的过程中想到自己也已经工作两年了,也该学会总结和思考,便诞生了开始有计划的写微博的想法,想把自己无论是在工作实践中学到的还是书本学习到的以及学习的方法分享出来,写得好让大家也有所收获,写得不好就当"博"大家一乐. 这是我在51CTO的第一篇微博,今天主要分享:GIT服务器搭建及配置. 一.安装环境 操作系统:CentOS 6.4 二.检测是否已安装GIT git --versio

elasticsearch简单的安装以及集群配置详解

首先要确保有java8的环境,安装方法如下(centos) 1 wget --no-check-certificate --no-cookies --header "Cookie: oraclelicense=accept-securebackup-cookie" http://download.oracle.com/otn-pub/java/jdk/8u161-b12/2f38c3b165be4555a1fa6e98c45e0808/jdk-8u161-linux-x64.rpm 2

Flume环境部署和配置详解及案例大全

flume是一个分布式.可靠.和高可用的海量日志采集.聚合和传输的系统.支持在日志系统中定制各类数据发送方,用于收集数据;同时,Flume提供对数据进行简单处理,并写到各种数据接受方(比如文本.HDFS.Hbase等)的能力 . 一.什么是Flume? flume 作为 cloudera 开发的实时日志收集系统,受到了业界的认可与广泛应用.Flume 初始的发行版本目前被统称为 Flume OG(original generation),属于 cloudera.但随着 FLume 功能的扩展,F

JAVA环境变量的配置详解

安装JDK,比如目录在D:\Java\jdk1.7.0_71\bin 为了方便java程序的开发,需要配置一下环境变量,右击我的电脑->属性->高级->环境变量->用户变量中单击[新建(N)]添加以下环境变量 (假定你的JDK安装路径为D:\Java\jdk1.7.0_71\bin) JAVA_HOMEd:\Java\jdk1.7.0_71 PATHd:\Java\jdk1.7.0_71\bin CLASSPATH.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOM