搭建 PhoneGap 开发环境

一、JDK 下载以及安装、配置

  参考:http://www.cnblogs.com/LO-ME/p/3530345.html

二、Android开发环境的搭建

  参考:http://www.cnblogs.com/LO-ME/p/3705345.html

三、下载PhoneGap文件

  下载地址:http://phonegap.com/install/             直接点击某个下载

   

四、配置phoneGap环境

  1、新建一个Android项目

     

  2、将下载的PhoneGap文件中的lib——Android——目录下的cordova-2.9.0.jar文件拷贝到创建好的Android项目的libs目录下

      



      

  3、在Android的项目的assets的目录下建立一个文件夹www

      

  4、将下载的PhoneGap文件中的lib——Android——目录下的cordova.js文件拷贝到创建好的Android项目的assets目录下的www目录下

      

  

  5、将下图目录中的index.html拷贝打Android项目中的assets目录先的www目录下或者自己在该目录下新建

    

    

  6、修改index.html 或者自己创建index.html如下图

    视口的完整代码是:<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

    

  7、配置src下的主要的java文件

      

  8、将下图目录下的xml文件夹拷贝到项目的res目录下

      



    

   9、修改项目下的AndroidManifest.xml文件   将如下代码复制到该文件中

    

<supports-screens

android:largeScreens="true"

android:normalScreens="true"

android:smallScreens="true"

android:resizeable="true"

android:anyDensity="true"

/>

<uses-permission android:name="android.permission.CAMERA" />

<uses-permission android:name="android.permission.VIBRATE" />

<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />

<uses-permission android:name="android.permission.READ_PHONE_STATE" />

<uses-permission android:name="android.permission.INTERNET" />

<uses-permission android:name="android.permission.RECEIVE_SMS" />

<uses-permission android:name="android.permission.RECORD_AUDIO" />

<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />

<uses-permission android:name="android.permission.READ_CONTACTS" />

<uses-permission android:name="android.permission.WRITE_CONTACTS" />

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.GET_ACCOUNTS" />

    

  10、运行项目,成功

    

 

时间: 2024-10-07 05:46:06

搭建 PhoneGap 开发环境的相关文章

使用visual studio 2013 快速搭建phonegap开发环境

前一段时间开发了一款简单的Phonegap应用,遇到了很多坑,其中有一个坑就是在搭建开发环境上.由于Phonegap 2.x 与3.x 区别比较大,导致了开发环境也有所不同.2.x 是这样的http://www.cnblogs.com/Random/archive/2011/12/28/2305398.html这一系列的文章有些没讲清楚版本号,也是入坑的一个原因吧. 3.x 需要通过nodejs安装 生成相应平台的工程文件,然后再开发. 另外,在这再解释一下cordova和phonegap的关系

在Android平台下搭建PhoneGap开发环境

自己按照以下步骤写的,没有错误,中间因为没有cordova-2.9.1.jar文件,导致建的项目出错,所以步骤2是很重要哒. 1,在phonegap官方网站(phonegap.com/install)里下载最新版本(目前是 phonegap 2.9.1),下载后解压. 2,新版的phonegap 2.9.1,D:\phonegap-2.9.1\lib\android\framework中没有cordova-2.9.1.jar,所以要编译出来. 1)打开cmd命令行工具. 2)依次进入D:\pho

Mac OS 搭建phonegap开发环境

1 首先需要安装NODE.JS ,官网地址 https://nodejs.org/. 2这里提到的是在官网上下载相应的node.js安装包后,在MAC 上无法正常安装的解决办法,本人试验的是node-v0.12.6.pkg,换了几个旧版本依然无法正常安装,那么我们试试另外一种安装方法. 3首先安装Homebrew :在MAC 上打开Terminal and type ,输入:ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homeb

ios html5 设定PhoneGap开发环境

怎么样IOS平台搭建PhoneGap开发环境(PhoneGap2.5) (2013-03-13 14:44:51) 标签: c=blog&q=it&by=tag" target="_blank">it   因为在下近期在做基于HTML5的跨平台移植,搭建好开发环境的时候着实费了不少劲.如今空暇下来顺便整理一下,给大家分享. 首先介绍一下PhoneGap. PhoneGap是一款基于HTML5标准的跨平台开源手机Web应用开发框架. 它同意用户通过Web技

我的第一个phonegap开发WebApp的demo 怎么搭建安卓开发环境以及安装phonegap

一.先来张图,赏心悦目观赏一下,哈 . 这个就是使用phonegap框架搭建起来的,运行在安卓环境上的第一个demo. 安卓的开发环境,大家都会搭建了,所以不赘述.讲一下,安装phonegap的步骤. 二.phonegap的安装   1. 设置系统变量系统变量 Path后面添加:(以下变量都是必须的,路径根据自己的设置)E:\android_sdk\sdk\tools;E:\android_sdk\sdk\platform-tools;E:\android_sdk\eclipse\plugins

[PhoneGap]开发环境搭建与简单应用

目前,随着Google的Android手机和苹果的iphone手机的逐渐普及,越来越多开发者加入到移动应用开发的大军当中.其中,Android应用是基于Java语言基础上进行开发的,而苹果公司的iphone则是基于C语言开发的.如果开发者编写的应用需要同时在不同的移动设备上运行的话,则必须要掌握多种开发语言.而为了进一步简化移动应用的编程,Nitobi公司推出了一套开源的移动应用解决方案PhoneGap(http://www.phonegap.com). PhoneGap是一款开源的手机应用开发

在DW 5.5+PhoneGap+Jquery Mobile下搭建移动开发环境

移动设备应用开发有多难,只要学会HTML5+Javascript就可以.用Dreamweaver5.5+PhoneGap+Jquery Mobile搭建移动开发环境,轻轻松松开发你自己的应用.让你用普通的web技术编写出能够轻松调用API接口和进入应用商店的HTML5应用开发平台. 安装Dreamweaver5.5 这里要注意,Dreamweaver5.5的内部版本需要5344,也就是目前最新的版本.现在一般网上下载的都是5315,破解后可以用软件自带的更新到5344. 破解的方法如下: 用记事

phoneGap开发环境搭建(android)

1.  首先安装nodejs  (http://nodejs.org/) 2.  然后在命令行输入 npm 回车 如果出现下图: 则表示安装成功 3. 安装 npm install -g cordova 4.  安装JDK 这里最麻烦的就是环境变量的配置了 配置环境变量:右击"我的电脑"-->"高级"-->"环境变量" 1)在系统变量里新建JAVA_HOME变量,变量值为:C:\Program Files\Java\jdk1.6.0_

phonegap 开发环境搭建

一.基本android开发环境搭建 Eclipse + adt插件 + android sdk + ant 环境变量配置 path路径下加入 D:\eclipse\plugins\org.apache.ant_1.9.2.v201404171502\bin D:\apache-ant-1.9.2\bin; D:\android-sdk-windows\platform-tools D:\android-sdk-windows\tools 二.phonegap开发环境搭建 1.搭建好基本的andr